loulijun2021
2023-06-07 a93255e0a0334b51ecbaf3d8f496ad0fae1ed747
src/components/Breadcrumb/index.vue
@@ -1,9 +1,9 @@
<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>
@@ -17,6 +17,11 @@
  data() {
    return {
      levelList: null
    }
  },
  computed: {
    styleObject() {
      return { 'color': this.$store.state.settings.theme }
    }
  },
  watch: {
@@ -73,7 +78,7 @@
  margin-left: 8px;
  .no-redirect {
    color: #42b983;
    //color: #42b983;
    cursor: text;
    font-weight: bolder;
  }