微信小程序編輯器轉碼

首先到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文件里面變量名一致即可。