小程序之事件傳參與數據流向
阿新 • • 發佈:2019-02-28
傳參 -name ext func col 賦值 xxx 邏輯 inpu
-----------事件傳參
<!--index.wxml--> <view class="container"> <!-- 界面層的事件傳參 --> <!-- 通過data-xxx來傳遞參數 --> <button bindtap=‘open‘ data-name=‘張三‘>單擊觸發</button> </view>
//js----------- Page({ //date 為頁面提供數據 是界面和邏輯之間的橋梁 data: { }, open: function(e){ console.log(this), console.log(e), //e.target 獲取當前對象 console.log(e.target), //獲取傳遞過來的值 console.log(e.target.dataset.name) } })
---------數據的流向
<!--index.wxml--> <view class="container"> <!-- 綁定輸入事件,監控value --> <input value="{{massage}}" bindinput=‘alter‘></input> <text>{{massage}}</text> </view>
//js----------- Page({ //date 為頁面提供數據 是界面和邏輯之間的橋梁 data: { massage: "hello", }, alter: function(e) { //通過打印e,發現要用detail來獲取value的值。。 // console.log(e), // console.log(e.detail.value) // console.log(this.data.massage)// this.data.massage = e.detail.value 這居然用不了。。。 this.setData({ massage: e.detail.value }) // this.setData 是用來改變data中的數據 它與直接賦值區別在於setData可以通知界面做出變化 } })
小程序之事件傳參與數據流向