自用型动态公共面包屑配置

路由配置
meta: {routeName: '首页'}
在computed中定义接受

computed: {
    currentRoute:function(){
      return this.$route.matched.slice(1)
    }
  },

element ui 的面包屑

	<el-breadcrumb separator="/">
            <el-breadcrumb-item v-for="(route, index) in currentRoute"  :to="{ path: route.path }" :key="route.name">
              <span class="arrow" v-if=" index > 0"></span>
              <span class="pageName pageTitle">{{prefix(route.meta)}}</span>
            </el-breadcrumb-item>
   	</el-breadcrumb>

定义一个prefix方法过滤

prefix(meta) {
      let routeName = meta.routeName;
      if (meta.switch) {
        const preWord = this.$route.query.id ? "编辑" : "新增";
        routeName = preWord + routeName;
      }
      if (meta.tip) {
        routeName = `${routeName}(${meta.tip})`;
      }
      console.log(routeName);  
      return routeName;
    },