有没有办法在Vue中调用嵌套数组？

Question

我真的是Vue JS的新手。我试图使用console.log打印嵌套对象，但它抛出了undeifned错误。

[阵列图像

查看代码

<b-button variant="primary" v-on:click="dontknow();">Print</b-button>

脚本

methods:{
      dontknow(){
        console.log(this.allPlayerList.booker_id);
      },
 }

当我使用console.log（this.allPlayerList.booker_id）时，它向我显示未定义。谁能让我知道我在做什么错？我想从allPlayerList中获取所有booker_id。

Answer 1

[allPlayerList显然是对象的数组，它本身没有booker_id属性，但包含具有此属性的对象。

要打印所有booker_id，您需要遍历数组，并为每个对象打印它，有多种方法可以执行此操作，其中一种常见方法是：

this.allPlayerList.forEach(player => {
  console.log(player.booker_id);
});

另一种方法是

console.log(this.allPlayerList.map(player => return player.booker_id));

第一种方式将分别打印每个booker_id，而第二种方式将打印所有booker_id项目并排列它们。