1***@qq.com
1***@qq.com
  • 发布:2019-04-23 16:18
  • 更新:2021-11-22 17:41
  • 阅读:17640

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

分类:uni-app

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

2019-04-23 16:18 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com

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

z***@techscan.cn

z***@techscan.cn

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

1***@qq.com

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

已解决了

  • 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

1***@qq.com

1***@qq.com

楼主有没有实现过自定义组件中单个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

1***@qq.com

1***@qq.com

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

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

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