微信小程序编辑器转码

Posted 2020-11-11 他的她

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