思路
- v-for 利用item 遍历一个数组 利用index 遍历另外一个数组
- 两个数组要求长度相同
- 再要一块才可以 div中 例子 v-for inte in list 第二个v-for 是 v-for children in inte.childred
ru
computed: { newIconIsShow: function() { let _this = this let item = this.itemInfo.articleList let arr = [] for (let i = 0; i < item.length; i++) { let res = compareTime(item[i].releaseTime, 99) arr.push(res) } console.log(arr) return arr }
遍历文章信息系
<div class="list-item" v-for="(item,index) in itemInfo.articleList" :key="index" @click="newsClick(item.id)"> <div class="item-left"> <p class="text_p">. {{item.title}}</p> </div> <div class="item-right"> <new-icon v-show="newIconIsShow[index]"></new-icon> <span class="pubTime">{{item.releaseTime}}</span> </div> </div>
index 每一项
v-for 利用item 遍历一个数组 利用index 遍历另外一个数组:我这里利用item遍历了articleList数组,利用index遍历newIconIsShow数组
两个数组要求长度相同