Блог

Я пытаюсь использовать Vue с typescript, но получаю сообщение об ошибке, в котором говорится, что моя переменная-член не определена.

 import { Component, Vue, Prop } from 'vue-property-decorator';
import UploadApi from './UploadApi';
import ApiConfig from '../../api/api.config';

@Component
export default class UploadCard extends Vue {
  uploading = false;

  private uploads: Array<Upload> = [];

  private api: UploadApi = new UploadApi(ApiConfig.get());

  constructor() {
    super();
    this.getUploads();
  }

  private getUploads() {
    // const loading = this.$store.state.vs.loading();
    // mimic http request
    console.log(this.$data);
    console.log(this.uploading);
    this.api.getUploads().then((response) => {
      console.log(response);
    });
  

Здесь, например, говорится следующее.api не определен, кто-нибудь знает об этом?

Вместо использования конструктора используйте методы жизненного цикла для выполнения задач настройки. Например, замените ваш конструктор на created или mounted :

 created() {
    this.getUploads();
}
  

Пожалуйста, смотрите документы для получения более подробной информации.