Vue компонент модального окна. При вызове метода savePos
Vue.component('modal', {
template: '#modal-template',
props: ['show'],
methods: {
savePost: function () {
// Insert AJAX call here...
this.show = false;
}
}
});
new Vue({
el: '#app',
data: {
showModal: false
}
});
Выдает ошибку:
vue2.js:513 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "show"
(found in component <modal>)
Пробовал так:
var temp = this.show;
temp = false;
Тоже не работает. Не пойму, как использовать мутированные сойства.
Нельзя изменять props компонента в нем самом Можно либо state modal (show | hidden) держать в глобальном state (шина, vuex) либо генерировать событие через $emit внутри modal, ловить его в родителе и там менять state.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Всем приветСейчас осваиваю Javascript через книгу "Выразительный javascript"
Столкнулся с понятиями Statement, Expression, ExpressionStatements в книге Douglas CrockfordJavaScript: The Good Parts