小程序极速开发框架-1极速数据绑定

  • • 发表于 8年前
  • • 作者 ud2015
  • • 1786 人浏览
  • • 0 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

首先,这个名字是一个噱头
其次,本人前端初学,小程序初学,贴的代码肯定一定百分千有很多问题,求大大们指导。

正题:
问题场景:在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
}
分享到:
0条评论
Ctrl+Enter
作者

ud2015

ud2015

APP:2 帖子:13 回复:59 积分:234

已加入社区[3037]天

主人太懒,签名没设置!

作者详情》
Top