微信小程序编辑器转码

首先到https://github.com/icindy/wxParse下载wxparse

  • 引入必要文件
    //引用到js文件onload函数中
    var WxParse = require(‘../../wxParse/wxParse.js‘);
    //在使用的Wxss中引入WxParse.css,可以在app.wxss
    @import "/wxParse/wxParse.wxss";
  • 数据绑定

    var article = ‘<div>我是HTML代码</div>‘;
    var that = this;
    WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);
  • 模板引用
    // 引入模板
    <import src="你的路径/wxParse/wxParse.wxml"/>
    //这里data中article为bindName
    <template is="wxParse" data="{{wxParseData:article.nodes}}"/>

    在上面的基本使用里面在.js文件和.wxml文件里面出现的article这个是两个文件里面是一样的。但是article是js文件里面的一个变量是可以变的,只要保证js文件和wxml文件里面变量名一致即可。

微信小程序编辑器转码

上一篇:快速开发一个自己的微信小程序


下一篇:微信 服务号开发