微信小程序-----input数据双向绑定

淘淘桃2023-07-25 13:43

简介：

这里介绍两种获取的方式：

1、用户每输入一个字节就获取一个字节

2、用户全部输入结束了之后，再一起获取整个input输入框的值

注意：第二种方式会比较节省内存资源

原理：我们使用bindinput事件来获取input的输入值，然后根据dataset获取要跟 data数组里的对象进行数据绑定。

wxml：

html 复制代码

<input type="text" value="{{mobile}}" bindinput='adInputChange' placeholder="手机号"/>

javascript 复制代码

data: {
    mobile:''
  },  
adInputChange(e){    //e  就是wxml中的value
    this.setData({
      mobile: e.detail.value,
    })

效果图