Как использовать предоставить / ввести с TypeScript, но без vue-class-component - PullRequest
Новая
       6

Как использовать предоставить / ввести с TypeScript, но без vue-class-component

1 голос
/ 29 октября 2019

Когда я использую provide/inject с компонентами класса, все работает как положено. Но когда я использую его в «нормальном» компоненте vue , я получаю type-errors .

В этом примере я получаю ошибки при ссылке на this.testService. Хотя код работает. 

export default Vue.extend({
  name: "HelloWorldBasic" as string,
  inject: ["testService"],

  computed: {
    message(): string | null {
      return this.testService ? this.testService.hello() : null;
    }
  }
});

Где я допустил ошибку? Как мне написать код?

Я создал небольшой проект, чтобы иметь возможность воспроизводить его и работать с ним: 

$ git clone git@github.com:schnetzi/vue-provide-inject.git
$ npm ci
$ npm start
...