wxParse多数据循环使用方法

标签: 小程序  WxParse多数据循环

最近小程序要实现一个帮助中心问答的功能,页面如下
在这里插入图片描述
在这个地方商家回答是在后台采用富文本编辑框的形式,返回的数据都是数组的形式,这里就采用了wxParse多数据循环的方法
上代码:

//加载数据
  getData:function(){
    app.func.req('common/all_hc','',(res)=>{
      console.log(res);
      let help_list = res.data.info;
      this.setData({
        header:res.data.type,
        help_list: help_list 
      })
      let that = this;
      for (let i = 0; i < help_list.length; i++) {
        WxParse.wxParse('infodetail' + i, 'html', help_list[i].infodetail, that);
        if (i === help_list.length - 1) {
          WxParse.wxParseTemArray("infodetailArr",'infodetail', help_list.length, that)
        }
      }
    })
  },
  //模板渲染
  <block wx:for="{{infodetailArr}}" wx:key="index" wx:for-index="aindex">
     <view class="answer_text"><template wx:if="{{index == aindex}}" is="wxParse" data="{{wxParseData:item}}"/></view>
  </block>

这里有个问题,因为我是直接把解析后得内容循环了,导致每一个问题下面都有同样的内容;
在wxml里加一个判断,只有当问题下标等于回答下标的时候,再让内容显示就好了,完美解决

版权声明:本文为mqg_love原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/mqg_love/article/details/103099662