vue 路由传递参数,刷新页面后参数丢失
在用vue做项目的时候,发现在新页面刷新后,上一页面带过来的参数会丢失,查阅资料才发现原来自己对params和query理解不透彻下面是两种传参方法:1、用 params 传参,需要路由里加上这个参数this.$router.push({name:'list', params:{id: id}});routes: [{path: '/list/:id',...
·
在用vue做项目的时候,发现在新页面刷新后,上一页面带过来的参数会丢失,查阅资料才发现原来自己对params和query理解不透彻
下面是两种传参方法:
1、用 params 传参,需要路由里加上这个参数
this.$router.push({name:'list', params:{id: id}});
routes: [
{
path: '/list/:id',
name: 'list'
}
]
可以通过 this.$route.params.id 来获取
2、可以将参数写到路径里
this.$router.push({path: '/folder/file', query: {id: list.id, name: list.name}})
可以通过 this.$route.query.id 来获取
更多推荐
已为社区贡献5条内容
所有评论(0)