扫码关注官方订阅号
这是我的代码过程,虽然已经实现了双向绑定,但是当通过子组件改变数据时,浏览器就会报错。
人生最曼妙的风景,竟是内心的淡定与从容!
v-model='nozzle'是不对的,在子组件里你不要试图改变传入的属性值。子组件的属性值是只读的。
注意看文档
由于是图片,没法复制代码,大概这样解决:
<my-item v-model="value"></my-item> Vue.component('my-item',{ template: '<input v-model="nozzle">', props: ['value'], computed: { nozzle: { get() { return this.value }, set(nozzle) { this.$emit('input',nozzle) } } } })
父级不用监听事件了,文档地址:https://cn.vuejs.org/v2/guide/components.html#使用自定义事件的表单输入组件
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
v-model='nozzle'是不对的,在子组件里你不要试图改变传入的属性值。
子组件的属性值是只读的。
注意看文档

由于是图片,没法复制代码,大概这样解决:
父级不用监听事件了,文档地址:https://cn.vuejs.org/v2/guide/components.html#使用自定义事件的表单输入组件