Javascript (VueJS) Object with Array

Question

   {
  "data": {
    "id": 3,
    "name": "random",
    "email": "randon@yahoo",
    "created_at": "2017-02-06 18:16:06",
    "updated_at": "2017-02-06 18:16:06",
    "roles": [
      {
        "id": 1,
        "name": "ADMIN",
        "access": {
          "role4": true,
          "role3": true,
          "role2": true,
          "role1": true
        },
        "created_at": "-0001-11-30 00:00:00",
        "updated_at": "-0001-11-30 00:00:00"
      }
    ]
  }
}

我正在尝试访问"访问"并接收结果真/假，但它不起作用

currentUser.roles[0].access['role1'];

错误：无法读取未定义的属性"0">

但

console.log(currentUser.roles[0].access['role1']); // returns true

和

currentUser.roles // gives me all the roles

数据通过Laravel变压器传递到前端。

注意：使用 VueJs 和这是内部方法：

Answer 1

由于我没有看到整个代码，我可以假设。首先，您有匹配数据

this.currentUser = data //data that you retrieve

然后访问它：

this.currentUser.roles[0].access['role1']

Answer 2

在VueComponent上下文中，data属性分布到其this上下文中。因此：

 this.roles[0].access['role1']