代码之家 › 专栏 › 技术社区 › Ryuuks

如何访问vue中的对象。js方法?

twig vuejs2

Ryuuks · 技术社区 · 6 年前

我有一个 json 在我的 vue 脚本,如下所示:

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

现在,我想在我的 twig ,就像我 angularjs ,例如:

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

我怎样才能做到这一点?

1 回复 | 直到 6 年前

Pedro Fernandes 6 年前

您需要将其放入data()方法中

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

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

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

2 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

2 年前

roev · 大堆来自(物体)。forEach不使用vue。js

2 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前