vue表单组件无法绑定怎么办

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)
}

结果如下:
vue表单组件无法绑定怎么办
所以我们找到了input内容,在event.mp.detail.detail.value,因此我们封装input为:

<i-input
   v-bind:value="ansMessage"
   v-on:change="ansMessage = $event.mp.detail.detail.value"
   maxlength="30"
 />


· 关注公众号【技术斋】,发现更多精彩!

上一篇:微信小程序踩坑之获取手机号


下一篇:boost::geometry::detail::tupled_output_has用法的测试程序