javascript - Vue.js 面包屑

Question

目前我在 vue.js 2.0 中的 BreadCrumbs 看起来像这样:

<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 中的位置，然后将所有以前的条目与 / 粘合在一起。您能否提供有关路由文件中内容的更多信息或提供 jsfiddle？

正如 Cristy 所指出的，现在你的路由都指向命名路由 forum