使用mpvue vant-webapp 开发微信小程序表单问题

web_haohao

分类: Vue、WEB前端、微信小程序 2448 0

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

先说一下问题,当在输入框输入以下值,如下图

再选择picker 下拉框里的值

输入框的值被清空了…

当时惯性思维,认为输入框的值是双向数据绑定的。最后才知道,在change事件手动赋值。但是又有一个新问题,表单是由for循环遍历出来的,我想获取到当前change项的index,怎么获取呢?然后看了一下vant-webapp文档中也没有写。

后来想到之前在微信小程序中有一个自定义属性。自定义属性—-数据绑定到元素的属性当中  data-name=”{{item.postId}}”

在mpvue中看看可不可以用…

在event的对象果然获取到了… index…

  • 0人 Love
  • 2人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry

作者简介:web_haohao

共 0 条评论关于 “使用mpvue vant-webapp 开发微信小程序表单问题”

Loading...