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); // 触发
}
}
},