Как я могу объявить вычисляемое свойство, используя Nuxt? или эквивалент?
Я использую NuxtJ и пытаюсь использовать фильтр категорий.
Я хочу отфильтровать по уникальным категориям, и я получаю это сообщение об ошибке:
Cannot read property 'filter' of undefined
Я пытаюсь приспособить к Nuxtjs пример, который я нашел в этой ручке: https://codepen.io/blakewatson/pen/xEXApK
Я объявляю это вычисленное свойство ниже, сначала в pages / index.vue, а затем в .nuxt / App.js
filteredStore: function() {
var vm = this;
var category = vm.selectedCategory;
if(category=== "All") {
return vm.stores;
} else {
return vm.stores.filter(function(stores) {
return stores.category === category;
});
}
}
И я пытаюсь применить фильтр к этому списку флажков:
<div class="columns is-multiline is-mobile">
<div class="column is-one-quarter" v-for="store in filteredStore" :key="store.id" :store="store">
<label class="checkbox">
<input type="checkbox" v-model="selectedCategory" :value="''+store.category">
{{store.category}}
</label>
</div>
</div>