Breadcrumbs 0 version

rc-busness/components/tabs.vue

@@ -1,12 +1,11 @@
 <template>
  <div class="crumbs" v-if="showTab">
 	<el-breadcrumb separator-class="el-icon-arrow-right">
-  <el-breadcrumb-item :to=item.path   v-for="(item, index) in titleLists"
+		<el-breadcrumb-item to="/" >{{ this.homepageName }}</el-breadcrumb-item>
-        :key="index">{{ item.meta.title }}</el-breadcrumb-item>
-  <!-- <el-breadcrumb-item>商品管理</el-breadcrumb-item>
-  <el-breadcrumb-item>商品分类</el-breadcrumb-item> -->
-</el-breadcrumb>
 		
+		<el-breadcrumb-item :to=item.path   v-for="(item, index) in crumbs"
+		:key="index">{{ item.title }}</el-breadcrumb-item>
+	</el-breadcrumb>
   </div>
 </template>
 
@@ -14,93 +13,25 @@
 import { mapState, mapMutations } from "vuex";
 
 export default {
+	props:["crumbs"],
+	name:"crumbs",
     data() {
 		return {
-      title: "",
+			homepageName:'首页'
-      path: "",
-      titleLists: [
-       {
-             path: '/',
-    name: 'index',
-    meta:{
-      title: '首页',
- 
-    }
-       }
-
-      ],
-      showTab: true,
-      isShow: true,
 		};
 	},
-
+	created(){
-
+		if(this.showTab != false)
-    watch: {
+			this.showTab=true;
-    $route() {
-      this.setTitle();
 	},
+	watch: {
 	},
 	mounted() {
-    this.setTitle(); 
 	},
 
 	methods: {
-    ...mapMutations(["changemessage",'selectMenu']),
+		...mapMutations(["changemessage",'selectMenu'])
-       setTitle() {
-              console.log(this.$route.matched);
-              console.log(this.titleLists);
-                    let userinfo=[]
-   
-
- let saveUserInfo={
-    path:'admin',
-   name:'1',
-   meta:'b341181c-aced-11e9-89bf-00163e0e8daf',
-
 	}
-   userinfo.push(this.$route.matched);
-   let list=[];
-   console.log(userinfo);
-   userinfo.map(item=>{
-      console.log(item);
-      list=item;
-   })
- console.log(list);
- let anlist={
-    path:'admin',
-   name:'1',
-   meta:'b341181c-aced-11e9-89bf-00163e0e8daf',
- }
-   list.forEach(element=>{
-     console.log(element);
-     anlist=element
-   })
-                 for(let i in list){
-                   saveUserInfo.path=list[i].path;
-                      saveUserInfo.name=list[i].name;
-                      saveUserInfo.meta=list[i].meta;
-                   }
-                        console.log(saveUserInfo);
-                // store.commit('se', current.name);
-               this.selectMenu({ data: saveUserInfo });
-      console.log(this.$store.state.tabsList);
-      this.titleLists=this.$store.state.tabsList;
-      // console.log(userlisa);
-      console.log(this.titleLists);
-    },
-  },
-  // created(){
-  //  let user=this.$store.state.tabsList;
-  //    this.tags=user;
-  //    console.log(this.tags);
-  //   console.log(user);
-  //    console.log(this.$store.state.tabsList)
-  // },
-  
-  // mounted(){
- 
-  // }
-
 };
 </script>
 

rc-busness/pages/productdetails/productlist.vue

@@ -2,6 +2,7 @@
   <div>
     <Myheader></Myheader>
     <div class="rc-top"></div>
+	<tabs :crumbs="crumbs"></tabs>
     <div class="rc-max-width--xl rc-main">
       <div class="usersearch">
         <div class="usercontentshow" ref="usercontent">
@@ -310,6 +311,7 @@
 import Myheader from "~/components/header.vue";
 import MyFooter from '~/components/rc-footer.vue'
 import FixRight from "~/components/fixed-right.vue";
+import tabs from "~/components/tabs.vue";
 import {
   userstype,
   biaome,
@@ -320,6 +322,12 @@ import {
 export default {
   data() {
     return {
+		crumbs:[
+			{
+				path:'/productdetails/productlist/',
+				title:'产品列表',
+			}
+		],
 		value: "",
 		isLoading: false,
 		userstype: [],
@@ -477,7 +485,8 @@ export default {
   components: {
     Myheader,
     MyFooter,
-	FixRight
+	FixRight,
+	tabs
   },
   created() {
 	  this.routeParams=this.$route.query;