微信小程式之富文字解析
阿新 • • 發佈:2019-02-06
2、在專案檔案中使用
(1)在需要使用的wxml檔案中引入WxParse.wxml
示例:
<!--index.wxml-->
<import src="../../wxParse/wxParse.wxml" />
(2)在當前頁對應的js中引入wxParse.js
示例:
//index.js
const WxParse = require('../../wxParse/wxParse.js');
(3)使用template元件
在剛剛引入的wxml中插入元件,具體插入的位置是需要轉換的地方。
示例:
<!--index.wxml-->
<import src="../../wxParse/wxParse.wxml" />
<view class="container">
<view class='uinn'>
<template is="wxParse" data="{{wxParseData:article.nodes}}" />
</view>
</view>
(4)在當前頁的js中使用WxParse中的方法
//index.js
const WxParse = require('../../wxParse/wxParse.js');
Page({
data: {
},
onLoad: function () {
let that = this;
let ceshi =
`<div>
<span>請說出你喜歡的水果?</span>
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
</div>`;
WxParse.wxParse('article' , 'html', ceshi, that, 5);
},
})