vue.js - 如何从另一个数据属性访问 Vuejs 数据属性？

Question

这些是我的代码

data: {
     cat1 : {name: "Category 1", reference : false},
     cat2 : {name: "Subcategory 2", reference: this.cat1}
}

当我要从任何函数调用 this.cat2.reference 时，它​​给我的值为 false。我不想在某处外面声明 cat1 并在此处进行引用。我想要与上面完全相同的结构，这样我就可以完美地获得 cat2 引用。

谁能给我一些解决方案的建议？

Answer 1

一个选择是用一些 getter methods 创建您的 data 对象

例如

new Vue({
  el: '#newUser',
  data: () => { // make sure to use a "data" function
    // initialise with a declared variable
    const formData = {
      cat1, // not sure where these come from
      cat2,
      cat3,
      cat5: { name: 'Subcategory 5', get reference() { return formData.cat1 }}
    }
    return { formData }
  }
}

演示~ https://jsfiddle.net/ztfgapxh/