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 @   羽鱼  阅读(40)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
历史上的今天:
2018-08-16 禁用微信 webview 调整字体大小
点击右上角即可分享
微信分享提示