vue-router 路由跳转传参刷新页面后参数丢失问题

常见场景：点击列表详情，跳转到详情内页，传递id参数获取详情数据。
我们先来看看路由跳转的几种方式：
1、通过params方式传参
通过$route.push的path携带参数方式(路由配置中指定参数)
// 路由配置
{
path: '/detail/:id', //若id后面加?代表这个参数是可选的，即使不传id也不会导致页面无法访问
name: 'detail',
component: Detail
}

// 列表中跳转
this.$router.push({
path:`/detail/${id}`
})

// 详情页获取参数
this.$route.params.id
注意：这种方式参数是以/id跟在url后，刷新页面后参数不会丢失。
通过$route.push的params传参(路由配置中未指定参数)
// 列表中跳转
this.$router.push({
name:'detail',
params:{
id:id
}
})

// 详情

vue-router 路由跳转传参刷新页面后参数丢失问题最先出现在Python成神之路。