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

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"
 />

---

交流QQ群：【技术斋】646258285
关注微信公众号【技术斋】，阅读更多内容。我会定期对博客内容进行整理，用简单的语言发布到公众号上，适合休闲阅读。