今天用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)改成这样呢
米琪卡哇伊
TA贡献1998条经验 获得超6个赞
在有些情况下,我们可能需要对一个prop进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。这也是为什么我们推荐以update:myPropName的模式触发事件取而代之.sync修饰符官方在这里是推荐使用camelCased,但这段话我也看不太懂,希望有人可以分析一下
添加回答
举报
0/150
提交
取消