Promise.all的用法

沟通回复的展示内容

  <!--沟通回复展示的内容区域 -->
   <div>
     <div v-for="(item, index3) in htmlContentArr[index]" :key="index3">
        <div style="padding:10px;">
   {{ item.resUserName }}回复：<span v-html="item.message"></span>
        </div>
      </div>
     </div>

• 网页中展示的样式：
  • 把数组里面的内容，排列在页面上；

v-for循环渲染

• v-for可以吧一个数组中的数据渲染为列表视图，v-for指令需要设置为一种特殊的语法，其格式如下：

item in List 

• 其中v-html的用法，因为message里面是一段html代码，要把他展示为文字；
• 接口里面的展示内容，如下图：

getResInfos() { this.$refs; const promises = []; for (var j = 0; j < this.handleInfoVo.flowNodes.length; j++) { let node = this.handleInfoVo.flowNodes[j]; let params = {}; params.recordId = node.flowRecordId; promises.push(listMessage(params)); } Promise.all(promises).then((res) => { console.log("ressssssss", res); const contentArr = []; res.forEach((element) => { const { code, rows } = element; if (code === 200) { contentArr.push(rows); } }); this.htmlContentArr = contentArr; }); }

展示
``` <div v-for="(item, index3) in htmlContentArr[index]" :key="index3">
               <div>
                 {{ item.resUserName }}回复：<span v-html="item.message"></span>
               </div>
             </div>