H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue里如何取出数组中的数组

假如我定义了这样的一个数组

let list = [
{
a:'这是1',
b:'这是2',
c:'这是3',
d:[
{test:'这里的数据我要怎么取出来?'}
]
},
{
a:'这是第二个1',
b:'这是第二个2',
c:'这是第二个3',
d:[
{test:'该怎么取出来'}
]
}
]

我现在只能在循环里把d取出来

<div class="" v-for="(test,key) in trendsList">
      <p>{{test.a}}</p>
      <div class="" v-for="test2 in test.d">
        <a href="#">{{test2.test}}</a>
      </div>
    </div>

现在的问题是我想直接把list里面的d单独取出来,而不局限在循环里取出来。但是试了几个方法都报错,现在求大神来帮忙解答一下

回答:

把每项的内部都取出来 另外维护一个数组不就好了;

computed:{
    newList(){
        return this.list.map(v => v.d)
    }
}

回答:

我有一个笨一点的方法,就是所有二级数组的值取出来形成一个新数组。
但是如果业务要取三级甚至多级,就不好使了。
而且每一次list变化都要这样,对数据处理压力很大。。

本文地址:H5W3 » vue里如何取出数组中的数组

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址