Question

我的json脚本中有一个充满对象的vue数组，如下所示：

methods:{
 getProjects: function(){
    this.projects = JSON.parse('[{"cluster": "Demo", "name":"Joe", "id": 5454, "percentage": 100, etc}]');
  },
},

现在，我想在twig中访问这些值，就像我使用angularjs一样，例如：

<h5>{{ cluster.name }}</h5>

我怎样才能做到这一点？

Answer 1

您需要将其放入data（）方法

<script>
export default {
  data() => ({
    cluster: []
  }),
  methods: {
    getProjects() {
      this.cluster = '...';
    }  
}
}
</script>

在模板中，您只能访问“数据”或“计算”属性。在分配之前，必须在数据中声明属性。这是必要的，因为Vue将在这些属性上创建一个观察者来处理更改并更新DOM。

如何访问vue.js方法中的对象？

1 个答案: