原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
首先,這個名字是一個噱頭
其次,本人前端初學,小程序初學,貼的代碼肯定一定百分千有很多問題,求大大們指導。
正題:
問題場景:在wxml中添加一個組件,點擊組件后僅僅是綁定數據到data,此時需要到編輯兩個文件: wxml 中bindtap,wxjs中寫事件代碼,寫setData,
目標:簡化成主要在wxml中完成
實現方式:
在wxml中綁定事件處理 ,數據使用json對象標注
在js中引用 fastData.js, 并注冊事件xxx
使用方式:
1.wxml中:
<view bindtap='setDataOfDataJson' data-json='{"hasGirl":false,"age" :30}' class="section weui-cell ">
2 page.js中
const root = '../../'
const faster = require(root+'/faster/fastData.js');
add to onLoad:
onLoad: function (options) {
faster.regInstance(this);
...
}
基本代碼: fastData.js
class FastData {
constructor(host) {
this.page = host;
this.page.setDataOfDataJson = this.setDataOfDataJson;
}
setDataOfDataJson(event) {
var json = event.currentTarget.dataset.json;
var o = JSON.parse(json);
this.page.setData(o);
}
}
function regInstance(host) {
return new FastData(host);
}
module.exports = {
regInstance: regInstance
}