VUE (ant design vue)跳转(带参数)配合本地缓存

this.$router.push()

url跳转新页面
this.$router.push('/xx')
url带参数
this.$router.push({
    path: '/xx',
    query: {
      x: xx,
    }
})
tip: query的参数为对象的话需要转化为字符串
     方法: JSON.stringify(xx) ---存
           JSON.parse(his.$route.query.x) ---取
url不带参数
this.$router.push({
    name: '/xx',
    params: {
      x: xx,
    }
})

this.$router.go()

this.$router.go(-1) ------返回前一个页面
this.$router.go(0)  ------刷新当前页面
...

this.$router.replace()

和this.$router.push()几乎一致
this.$router.push()会向history栈添加一个记录,使用this.$router.back();会返回到上一个页面
this.$router.replace()不会

其他跳转

window.local.open()
windows.local.href()
windows.local.reload()
...

缓存

存:this.localStorage.setItem(a,x)
取:this.localStorage.getItem(a)
​
第二页面完整代码
    if (this.$route.params.plyvo) {
      this.plyvo = JSON.parse(this.$route.params.plyvo)
    } else {
      let plyvo = JSON.parse(window.localStorage.getItem('plyvo'))
      this.plyvo = plyvo
    }
  跳转后取params中的数据,刷新后取本地缓存的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值