2016-12-18 3 views
1

현재 내 빵 부스러기는 2.0 모양과 같이 vue.js : /Vue.js의 빵 부스러기

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

enter image description here

그러나 현재 모든 링크를. 이 문제를 어떻게 해결할 수 있을까요? 그래서 모든 빵 부스러기가 올바른 장소로 연결됩니다.

모든 경로마다 다른 매개 변수가 필요하기 때문에 어렵다고 생각합니다.

+0

잘 모든 점을 지적, 당신은 모든 경로 이름을 '링크 설정'forum''합니다. – Cristy

+0

예 알아요. 그러나 모든 빵 부스러기를 적절한 장소에 연결하고 싶습니다. – Jamie

+0

저는 vue.js를 처음 접했지만'name : item' 또는 이와 비슷한 것을 설정해야한다고 가정합니다. – Cristy

답변

1

하나의 가능성은 당신이 어떤 위치에 있는지를 $route.params에 확인한 다음 이전 항목을 모두 /으로 붙이면됩니다. 경로 파일에있는 정보를 더 제공하거나 jsfiddle를 제공 ​​할 수 있습니까?

으로 귀하의 경로 지금 Cristy에 의해 지정된 경로 forum