vue-router清除url地址栏路由参数的操作代码
更新时间：2024年05月07日 17:04:12 作者：Favour72
这篇文章主要介绍了vue-router清除url地址栏路由参数,本文给大家介绍的非常详细,需要的朋友可以参考下
this.reportId = this.$route.query.reportCoreId;
在另一个页面得到这个id之后,刷新浏览器页面还是会存在在url地址栏中
然后再这样就可以清除地址栏路由参数了
mounted() {
// 获取当前路由的查询参数
const query = { ...this.$route.query };
// 删除指定的查询参数
delete query.reportCoreId;
// 使用 $router.replace() 方法更新路由
this.$router.replace({ query });
},
到此这篇关于vue-router清除url地址栏路由参数的文章就介绍到这了,更多相关vue router清除路由参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new 得到子类的实例，然后通过$mount挂载到节点，今天通过本文给大家讲解手写vm.$mount方法 ，感兴趣的朋友一起看看吧2022-11-11
这篇文章主要介绍了Vue的兼容性解决方案Babel-polyfill的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-11-11
这篇文章主要介绍了uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
本文主要介绍了如何在Vue3和Three.js环境中为模型添加点击事件监听,具体方法是利用Three.js的Vector2和Raycaster,首先,创建一个Vector2对象来获取鼠标位置；然后,创建一个Raycaster对象来投射光线2024-10-10
这篇文章主要为大家详细介绍了基于vue2实现左滑删除功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
VUE-Table上绑定Input通过render实现双向绑定数据的示例
今天小编就为大家分享一篇VUE-Table上绑定Input通过render实现双向绑定数据的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue封装echarts组件,数据动态渲染方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
最近接到一个需求,公司需要对vue项目实现线上打包,下面这篇文章主要给大家介绍了关于Vue项目分包打包配置(包含dev)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了vue data中如何获取使用store中的变量，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
this.$nextTick是在下次dom更新循环之后执行延迟回调,在修改数据之后立即使用这个方法,获取更新后的dom,下面这篇文章主要给大家介绍了关于Vue中this.$nextTick()的理解与使用的相关资料,需要的朋友可以参考下2022-02-02
最新评论