微信小程序实现事件传参与数据同步流程详解

<button type="primary" bindtap="CountChange">+1 按钮</button>

Page({
    data:{
        count:0
    },
   // +1按钮的点击事件处理函数
   CountChange(){
       this.setData({
           count:this.data.count + 1
       })
   }
})

<button type="primary" bindtap='btnHandler(123456)'>事件传参</button>

<button type="primary" bindtap="btnHandler" data-info="{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->{2}}">事件传参</button>

 btnHandler(event){
        // dataset是一个对象，包含所有通过data-*传来的参数项
        console.log(event.target.dataset)
        // 通过dataset可以访问具体的参数值
        console.log(event.target.dataset.info)
    },

Page({
    data:{
        count:0
    },
    btnHandler(e){
        this.setData({
            count:this.data.count + e.target.dataset.info
        })
    },
})

<button type="primary" bindtap="btnHandler" data-info="{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->{2}}">+2按钮</button>

<input bindinput="inputHandler"></input>

Page({
    inputHandler(e){
        // e.detail.value 是变化过后，文本框的最新值
        console.log(e.detail.value)
    }
})

Page({
    data:{
        msg:'你好,'
    }, 
})

<input value="{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->{msg}}" bindinput="iptHandler"></input>

input{
    border:1px solid #eee;
    padding:5px;
    margin:5px;
    border-radius:3px;
}

iptHandler(e){
        this.setData({
            // 通过e.detail.value 获取文本框最新值
            msg:e.detail.value
        })
    }