小程式富文本循環解析報錯

小程式富文本循環解析

參考連結

1、下載下傳

去 https://github.com/icindy/wxParse 下載下傳，完成後添加到項目檔案夾中。

2、引入

js:

wxml:

wxss:

3、解析

js:

//  富文本循環解析
      for(let i=0;i<lists.length;i++){
        WxParse.wxParse('topic'+i, 'html',lists[i], this, 5); 
        var that=this;      
        if (i==lists.length - 1) {
          WxParse.wxParseTemArray("listArray", 'topic', lists.length, that)
        }
      }  
           

list:要解析的數組；
lists[i]:數組的第i項；
listArray：解析後的形成的新數組；
           

wxml:

3、問題

以上解析一般情況下沒有任何問題，但是項目切換到測試服的時候，卻卻卻報錯了·······，經過對比兩次的資料，發現測試服的資料中有一項為null，解析到此處就直接出錯，導緻整個文本無法顯示；是以改進一下：

//  富文本循環解析
      for(let i=0;i<lists.length;i++){
      //先判斷要解析的富文本片段是否為null，如果是将其轉為空的字元串
        if (lists[i].introduction==null) {
          console.log(1);
         lists[i].introduction="";
        }
        WxParse.wxParse('topic'+i, 'html',lists[i], this, 5); 
        var that=this;      
        if (i==lists.length - 1) {
          WxParse.wxParseTemArray("listArray", 'topic', lists.length, that)
        }
      }  
           

最後自戀一下，真是被我的機智打動了，哈哈哈------------