vue中,在当前页面刷新后报错

 在我的一个子页面中,刷新页面,会报错,我估计大概原因是因为这个子页面的值是通过上一个页面通过route.query传递过来的,然后再动态渲染上去的,刷新之后,query对象里的值自然就变为空了,所以页面会报值找不到。

我的解决思路大概是,在赋值前进行判断,如果query里的值变为空了,则直接把页面返回之前的页面,不让他再进行挂载了,如果query里的值不为空,那么再将query里的值进行赋值,然后将页面放出来让他挂载。

代码:

boxIsShow: false,

created() {

    if (Object.keys(this.$route.query).length === 0) {

      this.$router.push('/userInfo')

    } else {

      this.$data.boxIsShow = true

      this.objs = this.$route.query

    }

  },

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值