Каждый раз, когда я переключаю show в true, я получаю предупреждение об ошибке:
Ошибка [Vue warn]: v-bind без аргумента ожидает значение Object или Array
Компонент Test не получает правильное значение для show, переданного ему, поскольку оно всегда ложно.
У меня такой вопрос: как мне избавиться от предупреждения и заставить VUE делать то, что я от него ожидаю (переключить показ и передать его для проверки, когда при тестировании запускается переключаемый фильтр)
const Filter = Vue.component('Test', {
template: `<div>
{{show?'true':'false'}}
<button v-on:click="toggleFilter">toggle</button>
</div>`,
props: ['show'],
methods: {
toggleFilter(e) {
this.$emit('toggle-filter', e);
},
},
});
const app = new Vue({
el: '#app',
//components: {Filter},
data: {
show: false,
},
methods: {
toggleFilter() {
this.show = !this.show;
console.log('show:',this.show);
},
},
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div>
<Test v-bind.show="show" v-on:toggle-filter="toggleFilter"></Test>
{{show?'true':'false'}}
</div>
</div>