vue-router关于params传参问题

路由配置

路由跳转通过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}})