-3

Estou tendo está mensagem de erro em Vue.js:

TypeError: Cannot read property ‘filter’ of undefined.
export default {


data: () => ({
    plugins: {},
    search: '', 
}),
components: {
    ToolbarPlugin
},
mounted() {
    PluginService.list().then(plugins => {
        this.plugins = plugins.reduce((result, plugin) => {
            (result[plugin.toolbarGroup] = result[plugin.toolbarGroup] || []).push(plugin);
           console.log(plugin)
            return result;
        }, {});
    }, () => {
        console.error("Failed to load plugins");

    });
},

computed:{
    filteredItems: function(){
        return this.items.filter((item)=>{
            return  item.name.match(this.search)
        })
    }
 }


}




<template>
<v-col sm="2" class="pa-0 toolbar-wrapper fill-height">
    <v-container class="fill-height smartfy-toolbar align-content-start px-0 py-3 flex-nowarp">

<h2 class="mx-auto white--text mb-3">Toolbar</h2>

        <v-expansion-panels accordion multiple dark class="smartfy-toolbar-item">

            <v-expansion-panel v-for="(items, category) in plugins" :key="category">
                <v-expansion-panel-header expand-icon="mdi-menu-down">
                    {{ category }}
                </v-expansion-panel-header>
                <input type="text" id="search" v-model="search" placeholder="Search plugins" ><br><br>
                <v-expansion-panel-content>
                    <v-row class="toolbar-item-row" v-for="i in Math.ceil(filteredItems.length / 2)" :key="i">
                        <ToolbarPlugin v-for="item in filteredItems.slice((i - 1) * 2, i * 2)" :key="item.name" v-bind:plugin="item" />
                    </v-row>
                </v-expansion-panel-content>
            </v-expansion-panel>
        </v-expansion-panels>
    </v-container>
</v-col>
</template>

1 Resposta 1

1

Tenta colocar o items dentro do seu data.

data: () => ({
  plugins: {},
  search: '',
  items: []
}),
4
  • Não foi... Para de dar o erro, mas quando coloco para pesquisar, não aparece as opções. E Ao carregar a pagina, não aparece os itens. Fica vazio. Até chega a aparecer as categorias, mas os itens dessa categoria não Commented 4/05/2020 às 11:41
  • Quando dou um print no filteredItems em baixo da </v-row> vem como vazio Commented 4/05/2020 às 11:50
  • Hum... você preenche o items em algum momento? Não percebi valor algum sendo atribuído a ele no trecho acima
    – Freitas
    Commented 8/05/2020 às 16:45
  • Já resolvi o problema. Obrigada Commented 11/05/2020 às 23:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .