style:breadcrumb add transition

2017-11-14 10:09:32 +08:00
parent e0a1e249ee
commit 35055c5e51
2 changed files with 25 additions and 0 deletions
--- a/src/views/layout/components/Levelbar.vue
+++ b/src/views/layout/components/Levelbar.vue
@@ -1,9 +1,11 @@
 <template>
  <el-breadcrumb class="app-levelbar" separator="/">
+   <transition-group name="breadcrumb">
    <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.path" v-if='item.meta.title'>
      <span v-if='item.redirect==="noredirect"||index==levelList.length-1' class="no-redirect">{{generateTitle(item.meta.title)}}</span>
      <router-link v-else :to="item.redirect||item.path">{{generateTitle(item.meta.title)}}</router-link>
    </el-breadcrumb-item>
+     </transition-group>
  </el-breadcrumb>
 </template>