一、在constantRoutes路由中添加

  {
    path: '/supervise/check-list',
    component: Layout,
    hidden: true,
    redirect: 'noredirect',
    children: [
      {
        path: 'list/:supId(\\d+)', //页面传参数
        component: () => import('@/views/supervise/check/list'), //对应页面的路径
        name: 'CheckList',
        meta: { title: '检查列表' }
      }
    ]
  },

二、如何实现跳转

      ViewDetail(a){
        let taskId = a
        this.$router.push({path:'/supervise/check-list/list/'+taskId})
      },

三、跳转到的页面如何接收参数

      created() {
          const dictId = this.$route.params.supId
          this.supId = dictId
          this.getList()
      }

四、跳转至菜单页面

上面路由跳转是跳转至一个新的页面,下面是跳转至菜单页面,这个菜单页面的路由不是在router.js中定义的,是在数据库中查询出来的,实现跳转如下

this.$router.push({path:'/supervise/list'})

在这里插入图片描述

1、传参和接收参数
//传参
this.$router.push({path:'/supervise/list',query:{industryId:industryId}})

//接收参数
 created() {
      let industryId = this.$route.query.industryId
    }
Logo

快速构建 Web 应用程序

更多推荐