[youzan/vant-weapp]van-field输入值的时候,对应的value属性取值无效

2024-07-04 357 views
6

<van-field placeholder="手机号码" :value="phone" @input="setPhone" />

<van-button custom-class="btn" size="normal" @click="test">测试

data () { return { wxUser: {}, phone: '' } }

1、前端敲入1234的时候,触发test按钮事件,用this.phone是无法取出值的,是空值 2、使用v-model也无法解决这个问题

目前的做法,只能在setPhone这个方法里,用this.phone=event.detail。虽然解决了问题,但是一个表单假设有10个字段,那么就要做10次这个操作,很麻烦。请问有简单一点的解决方法吗??

回答

6

没有,mpvue不支持小程序原生组件的双向绑定。

7

做好了,突然发现不支持,搞半天以为是自己脑子进水了,怎么都不行,坑的一笔

4

这个问题很多人遇到 的确很麻烦 希望官方能够解决下这个问题