使用params传参进行路径跳转

路由规则配置

{      // 动态参数
      path: 'detail/:id', // 要么就空着, 要么就写全
      name: 'detail',
      hidden: true,
      component: () => import('@/views/employees/detail')
}

方式一. 直接书写路径进行跳转

    goClick(id) {
      // 方式一. 直接书写路径进行跳转
    	this.$router.push(`/employees/detail/${id}`)
    }

方式二. 命名路由方式跳转

    goClick(id) {
      // 方式二. 命名路由方式跳转
       this.$router.push({
        name: 'detail', // 与路由规则中的name属性值一致
        // 携带params参数
        params: {
          id
        }
      })
    }

方式三. 书写path

    goClick(id) {
      // 方式三. 书写path
      this.$router.push({
        path: `/employees/detail/${id}`
      }
      )
    }