有没有办法在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项目和数组。