为了账号安全,请及时绑定邮箱和手机立即绑定

在线等!关于vue自定义事件的命名问题

在线等!关于vue自定义事件的命名问题

开心每一天1111 2019-08-21 19:45:00
今天用vue遇到了一个很奇怪的问题:我.sync绑定了一个prop::is-amazon.sync="isAmazon",然后在子组件中用$emit给父组件传值:this.$emit('update:is-amazon',val),结果发现,父组件里的isAmazon并没有改变。于是乎,我把名字改了改:isamazon.sync="isAmazon";this.$emit('update:isamazon',val),然后就成功了。。这让我百思不得其解,因为vue的文档上说的是监听自定义事件推荐用kebab-case,结果这里kebab-case不管用了,一脸懵逼中。。。。
查看完整描述

2 回答

?
GCT1015

TA贡献1827条经验 获得超4个赞

prop::is-amazon.sync="isAmazon",this.$emit('update:is-amazon',val),
this.$emit('update:isAmazon',val)改成这样呢
                            
查看完整回答
反对 回复 2019-08-21
?
米琪卡哇伊

TA贡献1998条经验 获得超6个赞

在有些情况下,我们可能需要对一个prop进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,
因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。
这也是为什么我们推荐以update:myPropName的模式触发事件取而代之
.sync修饰符
官方在这里是推荐使用camelCased,但这段话我也看不太懂,希望有人可以分析一下
                            
查看完整回答
反对 回复 2019-08-21
  • 2 回答
  • 0 关注
  • 459 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信