vue v-for 同时遍历两个组数

简介: vue v-for 同时遍历两个组数

思路  

  1. v-for 利用item 遍历一个数组 利用index 遍历另外一个数组
  2. 两个数组要求长度相同
  3. 再要一块才可以 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">.&nbsp;{{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数组

两个数组要求长度相同

相关文章
|
1天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
1天前
|
JavaScript
Vue的小知识点
Vue的小知识点
7 2
|
1天前
|
JavaScript Apache
Vue升级及版本不匹配解决_Vue packages version mismatch:
Vue升级及版本不匹配解决_Vue packages version mismatch:
7 1
|
1天前
|
JavaScript
VUE之彩虹点击
VUE之彩虹点击
4 1
|
1天前
|
JavaScript 定位技术
BIGEMAP地图VUE中引入
BIGEMAP地图VUE中引入
3 0
BIGEMAP地图VUE中引入
|
1天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
6 0
|
1天前
|
JavaScript 定位技术 开发者
vue项目使用腾讯地图获取定位
vue项目使用腾讯地图获取定位
4 0
|
1天前
|
JavaScript 开发者
如何新建一个vue+vant移动端项目
如何新建一个vue+vant移动端项目
6 0
|
1天前
|
JavaScript IDE 开发工具
你的第一个Vue项目HelloWorld看这一篇就够了
你的第一个Vue项目HelloWorld看这一篇就够了
6 0