RangeError: tamanho da pilha de chamadas máxima excedida vuetify

votos
0

Eu quero perguntar a finalidade deste erro.

RangeError: O tamanho máximo pilha de chamadas excedido

Aqui eu uso vuetify e vuex.

Eu ainda não entendo o erro aqui. Este erro aparece quando eu uso v-list-grupo.

Este é o código que eu fiz.

<template>
    <v-navigation-drawer
        id=core-drawer
        v-model=drawer
        app
        dark
        mobile-break-point=960
    >
        <v-divider class=mb-1 />

        <v-list
            dense
            nav
        >
            <v-list-item>
                <v-list-item-avatar
                    color=white
                    contain
                >
                    <v-avatar>
                        <img
                            src=https://cdn.vuetifyjs.com/images/john.jpg
                            alt=John
                        >
                    </v-avatar>
                </v-list-item-avatar>

                <v-list-item-content>
                    <v-list-item-title
                        class=display-5
                    >Vuetify Admin</v-list-item-title>
                </v-list-item-content>
            </v-list-item>
        </v-list>
        <v-list>
            <div v-for=(link, i) in links :key=i>
                <v-list-item
                    v-if=!link.subLinks
                    :key=i
                    :to=link.to
                    :active-class=color
                >
                    <v-list-item-icon>
                        <v-icon>{{ link.icon }}</v-icon>
                    </v-list-item-icon>

                    <v-list-item-title>{{ link.text }}</v-list-item-title>
                </v-list-item>

                <v-list-group
                    v-else
                    :key=link.text
                    :prepend-icon=link.icon
                >
                    <template v-slot:activator>
                        <v-list-item-title>{{ link.text }}</v-list-item-title>
                    </template>
                    <v-list-item
                        v-for=sublink in link.subLinks :key=sublink.text
                        :to=sublink.to
                    >
                        <v-list-item-icon>
                            <v-icon>{{ sublink.icon }}</v-icon>
                        </v-list-item-icon>

                        <v-list-item-title>{{ sublink.text }}</v-list-item-title>
                    </v-list-item>
                </v-list-group>
            </div>
        </v-list>
    </v-navigation-drawer>
</template>

<script>
    export default {
        name: 'CoreDrawer',
        data() {
            return {
                color: '#1976D2',
                links: [
                    {
                        to     : '/dashboard',
                        icon   : 'home',
                        text   : 'Dashboard',
                    },
                    {
                        text     : 'Players',
                        icon     : 'home',
                        subLinks : [
                            {
                                text : 'Players list',
                                icon     : 'home',
                                to    : '/players',
                            },
                            {
                                text : 'Import WTA Players',
                                icon     : 'home',
                                to    : '/players/import',
                            },
                        ]
                    },
                    {
                        to     : '/tournaments',
                        icon   : 'home',
                        text   : 'Tournaments',
                    },
                ]
            }
        },
        computed: {
            drawer: {
                get () {
                    return this.$store.state.drawer
                },
                set (val) {
                    this.$store.commit('SET_DRAWER', val)
                },
            },
        },
    }
</script>

Parece que eu cometi um erro na v-list looping, mas eu não tenho tanta certeza.

Eu realmente aprecio se alguém está disposto a explicar como este erro aparece e mostra a localização do erro que eu fiz.

Muito obrigado.

Publicado 19/03/2020 em 21:51
fonte usuário
Em outras línguas...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more