vue 路由传参时携带数据刷新失效问题

页面跳转时需要如果只携带id值作为参数，可以直接在起始页添加跳转：
method:{
SearchGroup(row) {
this.$router.push({
path: /AudioFusion/GroupChannel/${row.id},
},
}
在路由处接收如下加上/:id即可
{
path: '/AudioFusion/GroupChannel/:id',
name: 'GroupChannel',
component: () => import('../views/AudioFusion/GroupChannel.vue')
}
目标页用this.$route.params.id可以取到。

当所跳转的页面用到的数据需要起始页参数时，可以通过name来识别地址，并将所需参数存在params,但此操作刷新页面时数据会丢失，可以改用query传参，但是query会将所有的字段都显示在url地址栏上，个人建议直接使用sessionStorage存储在本地，存储时注意转格式即可。
SearchGroup(row) {
this.$router.push({
name: 'GroupChannel',
params: {
id: row.id,
name: row.name,
desc: row.desc
}
sessionStorage.setItem('groupParams', JSON.stringify(row));
});
},
此时路由设置可以添加/:id，也可以不添加

标签：vue,name,AudioFusion,GroupChannel,传参时,跳转,id,路由,row
来源： https://www.cnblogs.com/wushengchu/p/14853428.html