是否可以使用计算属性来计算 Vue 中的另一个属性？

Question

如果我有两个这样的计算属性，

 computed: {
  id: function(){ return this.$route.query.id; },
  hasId: function(){ return this.$route.query.id !== undefined; }
}

我如何使用 id 来计算 hasId 就像这个伪代码一样？

 computed: {
  id: function(){ return this.$route.query.id; },
  hasId: function(){ return id !== undefined; }
}

原文由 Konrad Viltersten 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要使用正确的范围来访问 vue 计算属性。

当您只使用 id 时，它将在全局范围内搜索它但找不到它并返回未定义。要获取 vue 计算属性，您需要执行： this.id ，因此您的代码将如下所示：

 computed: {
  id: function () { return this.$route.query.id; },
  hasId: function () { return this.id !== undefined; }
}

在组件内部， this 指的是我们的 Vue 实例。但是，您可以从 this 访问 $route 和其他类似功能，因为它们在 Vue.prototype 中定义，请参阅以下来自 vue-router 的 代码：

  Object.defineProperty(Vue.prototype, '$route', {
    get: function get$1 () { return this.$root._route }
 })

原文由 Saurabh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您的伪代码非常接近。只需将 id 更改为 this.id

 computed: {
  id: function(){ return this.$route.query.id; },
  hasId: function(){ return this.id !== undefined; }
}

原文由 aaaaaa 发布，翻译遵循 CC BY-SA 4.0 许可协议