wxParse循环列表

最近做一个小程序,循环输出列表时要解析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加我微信交流下

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

loveyoulouyou

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值