Vue.js 3 What is the correct way to initialize my number variable? [duplicate]

Question

Using Vue 3, I'm getting the following error:

Type 'null' is not assignable to type 'number'.

This is the relevant code:

interface ComponentState {
  heroSelected: number;
}

export default defineComponent({
  name: 'Battle',
  setup() {
    const state: ComponentState = reactive({
      heroSelected: null,

I also tried undefined instead of null. I do not want to initialize my variable heroSelected to 0 or any other numerical value (in which case I don't get any error).

So what can I do to initialize it in a way that doesn't trigger an error?

Boussadjra Brahim · Accepted Answer · 2021-01-31 13:36:16Z

2

Your interface should be defined as follows :

interface ComponentState {
  heroSelected: number | null| undefined;
}

edited Jan 31, 2021 at 13:36

user14340642

answered Jan 31, 2021 at 12:49

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js 3 What is the correct way to initialize my number variable? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related