路由传参的三种方式

第一种情况刷新页面不会丢失参数

methods：

{ insurance(id) { //直接调用$router.push 实现携带参数的跳转

this.$router.push({ path: `/particulars/${id}`, })

}

对应的路由页面进行配置

{ path: '/particulars/:id', name: 'particulars', component: particulars }

访问该参数

this.$route.params.id

第二种方法 页面刷新数据会丢失

methods：{

insurance(id) {

this.$router.push({ name: 'particulars', params: { id: id } })

}

路由的配置页面

{ path: '/particulars', name: 'particulars', component: particulars }

this.$route.params.id

第三种方法
使用path来匹配路由，然后通过query来传递参数
这种情况下 query传递的参数会显示在url后面?id=？

methods：{ insurance(id) { this.$router.push({ path: '/particulars', query: { id: id } }) }

{ path: '/particulars', name: 'particulars', component: particulars }

对应的获取参数的方式

this.$route.query.id