vuex-composition-helpers
vuex-composition-helpers copied to clipboard
TypeScript error using getter in template
Hi, I have this getter that returns a number:
export type Getters = {
(...)
getItems(state: State): number
}
and
export const getters: GetterTree<State, State> & Getters = {
(...)
getItems: state => state.items
}
I can use getItems.value in methods and it works fine.
But if I try to use getItems in the template, e.g. <div v-if="getItems < 2" (...)> I get this error:
(property) getItems: Ref<any>
Operator '<' cannot be applied to types 'Ref<any>' and 'number'
What's going wrong ? Thanks (and thank you for this very useful library).
The warning/error goes away if I use the + operator, e.g. <div v-if="+getItems < 2" (...)>. Is this what should be done ?