如何从 Vue.js 中的数组中的对象检索数据答案

【问题标题】：How to retrieve data from an Object in an Array in Vue.js如何从 Vue.js 中的数组中的对象检索数据
【发布时间】：2016-10-11 12:42:49
【问题描述】：

我有一个Array 和一个Object，其中有多个Objects 使用Vue.js。

这样看：

tree: [{
  stick: {
    leaf:{
      name: "Vincent"
    },
    sheet:{
      name: "Charles"
    },
    paper:{
      name: "Harry"
    }
  }
]}

现在我的问题是：我如何得到一片叶子的名字？

【问题讨论】：

【解决方案1】：

这行不通。您多次设置 leaf 属性，这是不受支持的。我假设你会这样做：

var myvar = {stick: [
  {leaf: {name: "Vincent"}}, 
  {leaf: {name: "Charles"}},
  ...
]};

console.log(myvar.stick[0].leaf.name);

【讨论】：

我已经更改了array 以便leaf 是唯一的，但我的问题的重点是我如何才能到达嵌套在object 中的data，嵌套在object 中, 嵌套在 array 中。
例如：myvar.stick[0].leaf.name
是的，但在您的示例中，stick 是 array 而不是 object
没错！这就是为什么我使用 stick[0] 表示法，它引用数组中的 0th elem
是的，好吧...但是我的data 是递归的，所以我并不总是想要数组中的第一个对象。也许你可以看看这个链接/。这是我的HTML-code。

【解决方案2】：

您希望tree[0].stick.leaf.name 拥有您拥有的数据。

【讨论】：