vue移动端开发遇到的小问题,记录一下

在开发移动端的时候遇到一个清除路由参数的问题,问题场景是:

b页面是个tab列表页,嵌到小程序里面,供其他页面跳转,跳转过来的时候需要携带参数切换tab页面,有问题是,假如tab页面 分为1和2,路由带过来的参数需要切换到2,
然后自己手动切回1,列表通过location.hre跳转到c页面,c页面返回b 此时路由接收到的参数还是其他页面跳转过来的参数,这时候b跳转到c的时候需要清空一下路由参数

      const query = { ...this.$route.query };
      // 检查要删除的查询参数是否存在,如果存在则删除
      if (query.type) {
        delete query.type;
        // 使用 $router.replace() 方法更新路由,但不改变浏览历史
        this.$router.replace({ query });
      }

虽然是个小问题,也需要记录一下呀,坚持做好每一件简单的事,长期的积累总能有所收获!马上要过年了,提前祝大家新年快乐,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值