vue如何在html中赋值？

Question

这是我的用例：

<div v-if="getObject()">
    <div v-if="getObject().someBoolean">
        {{getObject().someOtherKey}}
    </div>
</div>

我不想在任何地方调用getObject所以我想知道是否有办法在调用getObject之后简单地分配一个值，然后在同一个div中重用它？

注意我不能使用v-for，因为它遍历键，在我的例子中，我需要在同一次迭代中使用2个键。

Answer 1

使用getObject的返回函数作为计算属性，然后再访问它。

修改：

data: {
   ids: [],
},
computed: {
   objects() {
     return this.ids.map(getObject);
   }
}

然后，您迭代objects，而不是ids。

Answer 2

您应该可以执行以下操作：

computed: {
  theObject () {
    return this.getObject()
  },
},

然后在模板中使用theObject.whatever。