vue 官方文档 - 自定义事件
发布日期:2022-02-17 02:39:49
浏览次数:34
分类:技术文章
本文共 629 字,大约阅读时间需要 2 分钟。
1. 自定义事件
1.1. 自定义组件的 v-model
首先,一个组件的 v-model 默认会利用一个名为 value 的 prop 接 input 的事件,如下所示:
但是,某些情况下,比如输入框是 checkbox 等,就无法得到我们想要的双向绑定了,因此可以通过下面的方式来解决:
1.2. 原生事件绑定到组件
问题就不描述了,自己跑一下官方代码发现确实无法聚焦,解决办法如下:
1.3. 事件名
事件名不同于 prop 和 变量名
,而是触发的事件名需要 完全匹配
监听这个事件所用的名称,所以要求 emit 和 监听时写得一致,推荐如下写法:
// Son.vuethis.$emit('my-event')// Father.vue@my-event="myEvent"
1.4. .sync
有时候需要对 prop 进行双向绑定,也就是子和父组件都可以改变这个 prop,具体用法如下:
🍎.sync 修饰的 v-bind 不能和表单时一起用,如 v-bind:title.sync=“title”
当传递的 prop 是个对象,而且多个值都需要双向绑定,可以使用如下方法:
🍎Father.vue 这里无法传一个字面量对象:{ name:‘xx’, age: 0 }
转载地址:https://blog.csdn.net/qq_39811414/article/details/117431116 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年04月10日 14时04分43秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
复习Python的Day18
2019-04-28
复习Python的Day19
2019-04-28
复习PythonDay20
2019-04-28
一本python学习的好书
2019-04-28
复习PythonDay22:一些经验之谈
2019-04-28
复习PythonDay21:总结前面的命令和符号
2019-04-28
复习PythonDay23
2019-04-28
Python-Numpy库入门
2019-04-28
Windows下的DOS命令总结和实例
2019-04-28
复习PythonDay24
2019-04-28
复习PythonDay25
2019-04-28
复习Python的Day 26
2019-04-28
复习Python的Day 27
2019-04-28
复习Python的Day28
2019-04-28
复习Python的Day29 循环和列表
2019-04-28
复习Python的Day30
2019-04-28
复习Python的Day32:复习各种符号
2019-04-28
复习Python的Day33:阅读代码
2019-04-28
2018年海淀区"中国梦---劳动美"书法作品集
2019-04-28
2018春节人生有感书法作品系列
2019-04-28