使用mpvue vant-webapp 开发微信小程序表单问题
分类: Vue、WEB前端、微信小程序 2448 0
之前一直是使用微信小程序官方给的一套来开发小程序。后来听说了mpvue,是美团基于vue的开源框架。正好朋友有一个需求,想做一个小程序。正好想试一下。选择了 mpvue + vant -webapp开发,前面虽然遇到些问题,但也算是顺利解决了,直到表单这个问题,困扰了许久。
先说一下问题,当在输入框输入以下值,如下图

再选择picker 下拉框里的值

当时惯性思维,认为输入框的值是双向数据绑定的。最后才知道,在change事件手动赋值。但是又有一个新问题,表单是由for循环遍历出来的,我想获取到当前change项的index,怎么获取呢?然后看了一下vant-webapp文档中也没有写。
后来想到之前在微信小程序中有一个自定义属性。自定义属性—-数据绑定到元素的属性当中 data-name=”{{item.postId}}”
在mpvue中看看可不可以用…


在event的对象果然获取到了… index…
共 0 条评论关于 “使用mpvue vant-webapp 开发微信小程序表单问题”