| | |
| | | <template> |
| | | <el-breadcrumb class="app-breadcrumb" separator="|"> |
| | | <el-breadcrumb class="app-breadcrumb" separator="/"> |
| | | <transition-group name="breadcrumb"> |
| | | <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> |
| | | <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span> |
| | | <a v-else class="metaFirst">{{ item.meta.title }}</a> |
| | | <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" :style="styleObject" class="no-redirect">{{ item.meta.title }}</span> |
| | | <a v-else :style="styleObject" class="metaFirst">{{ item.meta.title }}</a> |
| | | <!-- <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>--> |
| | | </el-breadcrumb-item> |
| | | </transition-group> |
| | |
| | | data() { |
| | | return { |
| | | levelList: null |
| | | } |
| | | }, |
| | | computed: { |
| | | styleObject() { |
| | | return { 'color': this.$store.state.settings.theme } |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | margin-left: 8px; |
| | | |
| | | .no-redirect { |
| | | color: #42b983; |
| | | //color: #42b983; |
| | | cursor: text; |
| | | font-weight: bolder; |
| | | } |