關於小程序setdata一些使用方法

會寫小程序的都知道,小程序中js交互是這樣的

clipboard.png
如果作爲一個懶惰的程序員,是不是每次交互,都要寫一個方法,可不可以用同一個方法?

還好,js這門語言還是不錯的。萬事萬物都是對象的原則。setdata可以這麼來寫

clipboard.png
這個方法接收兩個參數,一個鍵名,一個值。

clipboard.png
在這裏直接綁定使用,效果拔羣。這樣寫的話,當頁面中要修改單個屬性的時候,直接就寫上去了。目前個人覺得這樣弄還是挺方便的。在此拋磚引玉,有更好的方法可以在評論裏面提出來哦。

附上主要代碼

//js

setdata: function (e) {

var obj = {};

console.log(e.currentTarget.dataset.key, e.currentTarget.dataset.val)

obj[e.currentTarget.dataset.key] = e.currentTarget.dataset.val;

this.setData(obj);

}

<!--wxml-->

<button bindtap="setdata" data-key='name' data-val='val' >按鈕</button>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章