Vue.js Breadcrumbs

Question

Derzeit meine Breadcrumbs in vue.js 2.0 sieht wie folgt aus:

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

Aber zur Zeit alles Links zu /. Gibt es einen Weg, wie ich das beheben könnte? So verbindet sich jeder Brotkrümel mit dem richtigen Ort.

Es ist schwierig, denke ich, weil jede Route andere Parameter benötigt.

Answer 1

Eine Möglichkeit wäre zu überprüfen, an welcher Position Sie in der $route.params sind und dann alle vorherigen Einträge zusammen mit / verklebt. Können Sie mehr Informationen über Ihre routes-Datei bereitstellen oder eine jsfiddle-Datei bereitstellen?

Wie von Cristy wies darauf hin, jetzt Ihre Routen aller Punkt auf der genannten Strecke forum