Установить загрузку наследованному от VAutocomplete компоненту

У меня есть кастомный компонент селектора:

import VAutocomplete from 'vuetify/lib/components/VAutocomplete'

export default VAutocomplete.extend({
  name: 'CustomSelector',
  props: {
    itemText: {
      type: String,
      default: 'name',
    },
    itemValue: {
      type: String,
      default: 'id',
    },
  },
  methods: {
    loadData() {
      this.loading = true
      // Do load...
      this.loading = false
    },
  },
})

Он наследован (дополнен?) от вьютифайного VAutocomplete. Но есть проблема в строке this.loading = true. Проблема выражается в том, что загрузка реализована в vuetify -> mixins -> loadable, и реализована она так, что зависит от значения loading, который является propом в миксине загрузке. Вот код миксины (его я менять НЕ МОГУ):

export default Vue.extend().extend({
  name: 'loadable',
  props: {
    loading: {
      type: [Boolean, String],
      default: false
    },
    loaderHeight: {
      type: [Number, String],
      default: 2
    }
  },
  methods: {
    genProgress() {
      if (this.loading === false) return null;
      return this.$slots.progress || this.$createElement(VProgressLinear, {
        props: {
          absolute: true,
          color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
          height: this.loaderHeight,
          indeterminate: true
        }
      });
    }

  }
});

Получается, я не могу изменить значение loading, тк это проп, но и вызвать genProgress() я не могу, не изменив loading. Как мне исправить эту ошибку?


Ответы (0 шт):