vuex-composition-helpers icon indicating copy to clipboard operation
vuex-composition-helpers copied to clipboard

TypeScript error using getter in template

Open oliv3 opened this issue 4 years ago • 1 comments

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).

oliv3 avatar May 24 '21 19:05 oliv3

The warning/error goes away if I use the + operator, e.g. <div v-if="+getItems < 2" (...)>. Is this what should be done ?

oliv3 avatar May 24 '21 20:05 oliv3