在开发移动端的时候遇到一个清除路由参数的问题,问题场景是:
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 });
}
虽然是个小问题,也需要记录一下呀,坚持做好每一件简单的事,长期的积累总能有所收获!马上要过年了,提前祝大家新年快乐,