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

最新推荐文章于 2024-06-04 22:21:32 发布

小安驾到

最新推荐文章于 2024-06-04 22:21:32 发布

阅读量313

点赞数

文章标签：前端微信小程序 Powered by 金山文档

本文链接：https://blog.csdn.net/Andye11/article/details/129098045

版权

定义变量

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

html结构绑定数据

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

监听input事件

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