最近做一个小程序,循环输出列表时要解析html,但我只需解析其中的一项,数据结构如下
我只需对content进行解析,按照官方的用法如下
//解析html
let listRes=res.data.poems.data; //要解析的数据
for (let i = 0; i < listRes.length; i++) {
WxParse.wxParse('topic' + i, 'html', listRes[i].content, that);
if (i === listRes.length - 1) {
WxParse.wxParseTemArray("listArr", 'topic', listRes.length, that)
}
}
这样的话,只对content进行了解析,而我原来的数据没有了,例如title等,所以我进行了重新赋值
let list = this.data.listArr;
for (let i = 0; i < listRes.length; i++) {
list[i]['a'] = listRes[i]['title'];
}
list.map((item, index, arr) => {
arr[index][0].id = listRes[index]['id'];
arr[index][0].title = listRes[index]['title'];
arr[index][0].author= listRes[index]['author'];
arr[index][0].dynasty = listRes[index]['dynasty'];
});
this.setData({
list: list
})
wxml代码如下
<navigator url="/pages/poem/detail/index?id={{item[0].id}}" hover-class="navigator-hover" class="weui-cell poem-item" wx:for="{{list}}" wx:key="id">
<view class="poem-title">{{item[0].title}}</view>
<view class="poem-author">{{item[0].dynasty+' | '+item[0].author}}</view>
<view class="poem-content">
<template is="wxParse" data="{{wxParseData:item}}"/>
</view>
</navigator>
如果有什么问题及不懂的可以于关注公众号 回复999加我微信交流下