微信小程序实现双向数据绑定

1. 定义变量

data:{
    msg:'请输入...',
}

2. html结构绑定数据

<view>
    <input value="{
    
    {msg}}" bindinput="handleInput" data-info="参数xx" ></input>
</view>

3. 监听input事件

handleInput(e){
    //使用setdata改变data里面的属性 通过e.detail.value获取input的值
    this.setdata({ msg:e.detail.value }) 
    console.log(e.target.dataset.info) //‘参数xx’ 微信小程序传递事件参数通过自定义属性来传递
}