Установить загрузку наследованному от 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. Как мне исправить эту ошибку?