$route.meta 路由meta 使用

 

router/index.js

const routes = [
	{
		path: '/',
		component: login
	},
	{
		path: '/manage',
		component: manage,
		name: '',
		children: [{
			path: '/adminSet',
			component: adminSet,
			meta: ['設置', '管理員設置'],
		},{
			path: '/sendMessage',
			component: sendMessage,
			meta: ['設置', '發送通知'],
		},{
			path: '/explain',
			component: explain,
			meta: ['說明', '說明'],
		}]
	}
]

export default new Router({
	routes,
	strict: process.env.NODE_ENV !== 'production',
})

場景一：寫在template元素裏：$route.meta

              $route.meta  取到  當前路由的meta內容  例如：['添加數據', '添加商鋪']

<el-breadcrumb separator="/">
	<el-breadcrumb-item :to="{ path: '/manage' }">首頁</el-breadcrumb-item>
	<el-breadcrumb-item v-for="(item, index) in $route.meta" key="index">{{item}}
    </el-breadcrumb-item>
</el-breadcrumb>

場景二：在js裏獲取：this.$route.meta

例如：

mounted(){
    	    console.log("路由---",this.$route.meta)
        }