vue2 自定义控件双向绑定

props:{
value:Number,
},
model:{
prop: 'value', // 指定 v-model 要绑定的参数叫什么名字,来自于 props 中定义的参数
event: 'change', // 指定要触发的事件名字,将被用于 $emit
},
computed: {
inputData: {
// 这里的计算属性使用了 getter、setter,可以简化代码
// 可参见链接 https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%9A%84-setter
get() {
return this.value
    },
set(val) {
   this.$emit('change', val);    // 触发

}
}
},
posted @ 2024-08-16 16:18  羽鱼  阅读(26)  评论(0编辑  收藏  举报