QQ群招募中:646258285(招募中,没几个人说话),
需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )
vue表单组件无法绑定怎么办?
只要事件可以响应我们就有办法。
以iview weapp为例,适应input组件,v-model失效,而v-bind无法双向绑定,但是change可以响应:
首先我们打印出event事件内容:
<i-input v-on:change="inputChanged" placeholder="请输入你的留言" maxlength="30" />
...
inputChanged(event){
console.log(event)
}
结果如下:
所以我们找到了input内容,在event.mp.detail.detail.value,因此我们封装input为:
<i-input
v-bind:value="ansMessage"
v-on:change="ansMessage = $event.mp.detail.detail.value"
maxlength="30"
/>