路由跳转传参的时候,使用query传参接收成功,使用params传参接收为空值【params传参时候,使用了name】
看下你的跳转方式
接收空值 说明 路由上写法能接受 你带上?这个啦
可能是你params方法写的有问题吧,上图看看
使用query参数时,在路由跳转完后,其参数会显示在url的后面 ,如果参数较多会导致url过长。但页面刷新时,query参数不会被清空 。
而使用params参数时,在路由跳转完后,其参数不会显示在url的后面。但页面刷新或者回退时,params参数会被清空。因此,要想保留params参数,需将其保存在localStorage中。 在 created 生命周期时先获取缓存数据,在页面销毁时删除缓存。
export default {
data () {
return {
testData: {}
}
},
created () {
const tempData = localStorage.getItem('tempData')
if (tempData) {
this.testData = JSON.parse(tempData)
} else {
this.testData = this.$route.params
localStorage.setItem('tempData', JSON.stringify(this.$route.params))
}
},
beforeDestroy () {
localStorage.removeItem('tempData')
}
}