vue中通过路由实现面包屑功能
1,先在router。js中添加注册一个地址,path:是你以后跳转的时候使用的路径,这里是自定义的,只需要在使用的时候与其对应。{ path: '/canteenstatisdayDetial', component: _import('modules/canteen/canteenstatisdayDetial/canteenstatisdayDetial'), name: 'canteen.
·
1,先在router。js中添加注册一个地址,
path:是你以后跳转的时候使用的路径,这里是自定义的,只需要在使用的时候与其对应。他就是浏览器中每个 / 后面的地址。
component:对应的是页面所在本地的地址
meta: 就是我们路由跳转的时候带的参数
{ path: '/canteenstatisdayDetial',
component:_import('modules/canteen/canteenstatisdayDetial/canteenstatisdayDetial'),
name: 'canteenstatisdayDetial',
meta: { title: '消费统计', isTab: true } },
2,在页面中获取meta的数据 this.$route.meta
在需要的地方获取到meta的值便可以赋值。
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item><a href="/">{{title}}</a></el-breadcrumb-item>
</el-breadcrumb>
getMETA (){
this.title = this.$router.meta
},
3,别忘记调用函数getMETA ();
更多推荐
已为社区贡献6条内容
所有评论(0)