实现步骤:
① 定义数据
② 渲染结构, 绑定 data 中的数据
③ 监听 input 事件
具体代码如下:
//定义数据:
/** 页面的初始数据*/
data: {
msg: '请输入...'
}
渲染结构:将data中的 msg 绑定到输入框的 value 属性
<!-- input和data中的数据同步-双向数据绑定 -->
<view class="iptBox">
<input value="{{ msg }}" bindinput="inputHandle" class="ipt2"
type="checkbox"></input>
</view
监听 input 事件:
// 实现input的数据和data数据同步
inputHandle(e) {
this.setData({
msg: e.detail.value
})
}