this not of type CombinedVueInstance in vue with typescript

Question

On most components, when using this inside for example a method on my vue object, it gets type CombinedVueInstance, which is how it should be. But sometimes, it gets types like Vue when accessing this in a method and Accessors<DefaultComputed> when accessing this in a computed method, even though nothing seems to be different. This is what the code looks like:

import Vue, { PropType } from 'vue'

export default Vue.extend({
  props: {
    field: Object as PropType<FieldType>,
    row: Boolean as PropType<boolean>,
    events: Object,
  },
  data() {
    return {
      value: undefined,
    }
  },
  computed: {
    required() {
      return this.field.required && !this.value
    },
    invalid() {
      return this.field.isValid && !this.field.isValid(this.value)
    }
  },

Why does this sometimes not get type CombinedVueInstance when used inside the Vue component object?

Steven Spungin · Accepted Answer · 2020-08-04 00:31:41Z

2

Try to give your computed properties explicit return values. (It often removes the error: this not of type CombinedVueInstance in vue with typescript)

computed: {
    required(): boolean {
      return this.field.required && !this.value
    },
    invalid(): boolean {
      return this.field.isValid && !this.field.isValid(this.value)
    }
  },

edited Aug 4, 2020 at 0:31

answered Aug 4, 2020 at 0:00

Steven Spungin

29.5k7 gold badges97 silver badges85 bronze badges

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

8 Comments

Phil Over a year ago

Good advice I'm sure but this doesn't answer OP's question at all

Steven Spungin Over a year ago

Often I get that exact 'error' and it goes away when I add the return values, so, yes, it does answer the question.

Phil Over a year ago

Interesting. I can't see how exactly but if this works for OP, fantastic

Steven Spungin Over a year ago

There is most likely a bug in the parser when it calculates implicit return values. I can state with confidence that adding the return type removes that error many times for me.

Mattias Over a year ago

Adding explicit return values to the computed properties actually solved it, thank you!

|

Collectives™ on Stack Overflow

this not of type CombinedVueInstance in vue with typescript

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related