uni-app项目自定义组件如何使用v-model？

分类：uni-app

自定义组件模式

自己写的时候使用v-model这个绑定在组件上，组件内的change不能出发

2019-04-23 16:18 负责人:无分享

5 个回复

自定义组件需要定义一个默认prop，value，绑定到输入框，绑定输入事件，代码示例

这个地方关键 emit 的事件应该是 input，一般都习惯用 change 。
但是小程序好像只能识别 input，也不支持自定义event的名称

已解决了

1***@qq.com

楼主，求个demo啊，，，我自己也用了个v-model，在H5可以用，在app和小程序就用不了。。。

2019-05-23 10:33
1***@qq.com

我指的是自定义组件模式。。。

2019-05-23 10:36
1***@qq.com (作者)

我是非自定义组件模式，自定义组件模式的话我那种写法也会出错

2019-05-23 14:14

楼主有没有实现过自定义组件中单个checkbox 的v-model。我这里change能在组件中监听到值的改变但未能影响到引用这个组件的页面中的v-model的值

1***@qq.com (作者)

没用过checkbox,给你个链接，里面讲到了vue的自定义复选框http://jdc.jd.com/archives/4681

2019-04-29 13:38
1***@qq.com

回复 1***@qq.com: 很奇怪我在h5上运行没问题的小程序上不能改变v-model的值

2019-05-09 15:49

model: {  
        prop: 'value', //要存在于props  
        event: 'input' //当组件的值发生改变时要emit的事件名  
    },

似乎小程序只支持这么写，prop跟event必须为value跟input

该问题目前已经被锁定, 无法添加新回复