路由配置
路由跳转通过params实现页面之间的传参,参数可选。
{
path: 'deviceDetail/:id', // id为传递的参数
component: () => import('@/views/device/deviceDetail/index'),
name: 'DeviceDetail',
meta: {
title: '平台设备详情' }
},
页面跳转
this.$router.push({
name:'DeviceDetail',params:{
id:row.id}})
注意:如果使用params传递参数,那么一定要使用name跳转不可使用path
参数可空配置
{
path: 'deviceDetail/:id?', // id为传递的参数,?代表可传可不传
component: () => import('@/views/device/deviceDetail/index'),
name: 'DeviceDetail',
meta: {
title: '平台设备详情' }
},
页面跳转
this.$router.push({
name:'DeviceDetail',params:{
id:undefined}})