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 ();
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐