Я хочу создать директиву для автоматического добавления значка внутри кнопки.Когда пользователь нажимает на него.
Но как передать значение загрузки (это логические данные) из родительского объекта?
Vue.directive('loading', {
bind: function (el, binding, vnode) {
if (binding.value) {
var loadingElement = Vue.extend({
props:['isLoading'],
template: '<span class="loading" v-if="isLoading"><fa-icon :icon="[\'fab\', \'facebook-f\']"></fa-icon></span>',
});
var loadingComponent = new loadingElement({
propsData: {
isLoading: binding.value
}
});
loadingComponent.$mount();
el.appendChild(loadingComponent.$el);
}
},
update: function (el, binding, vnode) {
el.disabled = binding.value;
}
});
Я хочу, чтобы isLoading: binding.value
данные связывались с родительским объектом.