第一种情况刷新页面不会丢失参数
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