面包屑（elment-ui)的使用

基于vuex

1.vuex中创建state

export default{
    state:{
        //初始值
        tabsList:[
            {
                path:"/",
                name:"home",
                label:"首页",
                icon:"home"
            }
        ],
        currentMeun:null
    },
    mutations: {
     //看初始值是否存在 不存在把新的插入到后面
        SelectMenu(state,val){
            if(val.name!="home"){
                state.currentMeun=val
                 const result=state.tabsList.findIndex(item=>item.name===val.name )
                if(result === -1){
                    state.tabsList.push(val)
                }
             }else{
                 state.currentMeun=null 
             }
        }
    }
} 

2.组件循环

 <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: item.path }" v-for="item in tags" :key="item.path">{{item.label}}</el-breadcrumb-item>
        </el-breadcrumb>

3.计算属性 得到 state中的数据  再循环组件