vue实现路由跳转有两种组合:
name 和 params 组合使用
path 和 query 组合使用
区别:
params 跳转过去的页面,若刷新页面,会丢失参数(若页面有相关操作,可能会报错)
query 刷新不会丢失
params传参在地址栏看不到
query参数会显示在地址栏,若对地址栏保密有要求,则不建议用这个
用法:
this.$router.push({
name: 'hello',
params: {
id: this.info.id
}
})
this.$router.push({
path: '/home/hello',
query: {
id: this.info.id
}
})