tl;博士
如何从参数化的 getter 访问其他 getter?
通常可以使用this.myGetter
;但是参数化的 getter 被实现为箭头函数,其中 this
未定义。
在 Pinia 中处理这种情况的首选方式是什么?
我想在我的 Pinia 商店中创建一个参数化的 getter (multiSum
),它可以访问另一个 getter (sum
)。
可以通过 this
访问 Getter ,但这在用于实现参数化 getter 的箭头函数中不起作用:multiSum
崩溃,因为 this
是 undefined
在嵌套箭头函数的上下文中。
getters: {
sum: (state) => state.a + state.b,
multiSum: (state) => (count) => this.sum * count // crash: this is undefined
}
在 Vuex 中,参数化的 getter 可以通过参数而不是 this
访问其他 getter ,它也适用于箭头函数。但是 afaik 这个 API 在 Pinia 中不存在。我可以通过捕获 store 实例来解决这个问题:
multiSum(state) {
const store = this
return (count) => store.sum * count
}
这有效,但非常冗长。有没有更好(更符合框架)的方法来做到这一点?
最佳答案
this
可以是undefined
内部箭头函数,因为它不能与常规函数互换并从父范围获取上下文。this
的用法和 state
the documentation 中有详细说明. this
或 state
可以用,但是this
有更好的 Typescript 和 IDE 支持。
在第一个片段中,state
已在函数范围内可用,无需访问 this
:
multiSum: (state) => (count) => state.sum * count
在第二个片段中,const store = this
不需要,因为商店已经是 this
.multiSum() {
return (count) => this.sum * count
}
关于javascript - 从参数化的 getter 访问 getter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71008104/