riku
2023-12-21 c24a5a2a99515b365ebc343b04538bb862790de1
src/sfc/BreadCrumb.vue
@@ -4,7 +4,9 @@
export default {
   data(){
      return{
        list:[]
        list:[],
        subTitle1: null,
        subTitle2 :null,
      }
   },
 setup(){
@@ -13,10 +15,14 @@
   watch:{
    $route(to,from){
        this.list = to.matched
        // this.subTitle1 = this.list[1]
        // this.subTitle2 = this.list[2]
    }
   },
   mounted (){
    this.list = this.$route.matched
    // this.subTitle1 = this.list[1]
    // this.subTitle2 = this.list[2]
   },
   methods:{
   }
@@ -29,10 +35,19 @@
                <router-link :to="item.path">{{ item.meta.title }}</router-link>
            </el-breadcrumb-item>
    </el-breadcrumb>
    <!-- <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item>  {{subTitle1.meta.title}} </el-breadcrumb-item>
      <el-breadcrumb-item>  <router-link :to="item.path">{{subTitle2.meta.title}}</router-link></el-breadcrumb-item> -->
</template>
<style scoped>
.el-breadcrumb__inner a {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0);
}