原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处
首先,这个名字是一个噱头
其次,本人前端初学,小程序初学,贴的代码肯定一定百分千有很多问题,求大大们指导。
正题:
问题场景:在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
}