Vue.js BreadCrumbs

Question

目前，我的BreadCrumbs in vue.js 2.0如下所示：

<template>
    <ol class="Breadcrumb">
        <li class="Breadcrumb-item">
            <router-link class="Breadcrumb__link" :to="{ name: 'forum' }">
                Forum
            </router-link>
        </li>

        <li class="Breadcrumb-item" v-for="item in this.$route.params">
            <router-link class="Breadcrumb__link" :to="{ name: 'forum' }">
                {{ item }}
            </router-link>
        </li>
    </ol>
</template>

<script>
    export default {
    }
</script>

​

​

但是目前所有的东西都链接到/。我有办法解决这个问题吗？所以每个面包屑都链接到正确的地方。

我想这很困难，因为每条路线都需要不同的参数。

Answer 1

一种可能的方法是检查您在$route.params中的位置，然后将所有以前的条目与/粘合在一起。你能提供更多的信息，什么是在您的路线文件或提供一个小提琴？

正如Cristy所指出的，现在您的路线都指向指定的路由forum