Auslöser Range: Maximale Call-Stack-Größe überschritten vuetify

stimmen
0

Ich möchte den Zweck dieses Fehlers fragen.

„Auslöser Range: Maximale Call-Stack-Größe überschritten“

Hier verwende ich vuetify und vuex.

Ich verstehe immer noch nicht den Fehler hier. Dieser Fehler erscheint, wenn ich v-list-Gruppe verwenden.

Dies ist der Code, dass ich gemacht.

<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>

Es scheint, dass ich einen Fehler in der Schleife v-Liste gemacht, aber ich bin nicht so sicher.

Ich schätze wirklich, wenn jemand bereit ist, zu erklären, wie diese Fehler angezeigt wird, und zeigt den Ort des Fehlers, dass ich gemacht.

Vielen Dank.

Veröffentlicht am 19/03/2020 um 21:51
quelle vom benutzer
In anderen Sprachen...                            

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