若依中添加路由并实现跳转
【代码】若依中添加路由并实现跳转。
·
一、在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
}
更多推荐
已为社区贡献9条内容
所有评论(0)