微信小程序双向绑定【简易版】

一直在做小程序的时候,就羡慕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组件中好像不需要加事件

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值