一直在做小程序的时候,就羡慕vue中input双向绑定,不用写那么多的时间去给相应的变量赋值,今天无意间发现了这个好玩的属性,一个属性就能实现vue的双向绑定效果,直接上代码
注:这个只能监听到单一变量,嵌套在对象下面就不生效
<input type="text" model:value="{{ mobile }}" placeholder="请输入手机号" bindinput="getCode" />
就是给input中value属性前面加了一个 model: 看效果
需求的确是可以实现了,但又出现了一个头疼的问题,控制台警告,说我没有处理input的监听事件
Do not have handler in component: pages/login/login. Please make sure that handler has been defined in pages/login/login.
然后给其加了input事件之后,之前的警告消失
那就有点奇怪了,就是为了少些一点函数还想拿到输入的值,写了这个还是要写一个事件做支撑,那 model: 出现的意义在哪里?各位看官且看且自行决定(能不能对该警告忽视不管)
注:这个警告只能用input事件解除,但是在vant组件中好像不需要加事件