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.js 合bootstrap实现分页控件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
今天小编就为大家分享一篇vue.js的简单自动求和计算实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要为大家详细介绍了vue+js点击箭头实现图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要介绍了vue-cli3单页构建大型项目方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要介绍了vue移动端项目渲染pdf步骤,vue-pdf的插件在使用的过程中是连连踩坑的，基本遇到3个问题，分别在文中给大家详细介绍，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了结合axios对项目中的api请求进行封装操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
在vue项目中采用动态添加路由的方式,第一次进入页面会正常显示,但是点击刷新页面后会导致页面空白,所以下面这篇文章主要给大家介绍了关于vue3动态路由刷新后空白或者404问题的解决方法,需要的朋友可以参考下2022-07-07
Vue3带来了许多性能优化和效率提升的特性，本文将重点讨论Vue3在静态提升、预字符串化、缓存事件处理函数、Block Tree和PatchFlag方面的改进，我们将通过对比Vue2和Vue3的编译结果来说明这些方面的效率提升2023-12-12
vue中使用vue-seamless-scroll插件实现列表无缝滚动效果
这篇文章主要介绍了vue中使用vue-seamless-scroll插件无缝滚动,支持上下左右无缝滚动，单步滚动停留时间，以及水平方向的手动切换，需要的朋友可以参考下2022-06-06
Vue.js element-plus使用图标不显示问题的解决方式
近期在学习Vue时用elementUI时发现图标在页面上显示不出来,所以这篇文章主要给大家介绍了关于Vue.js element-plus使用图标不显示问题的解决方式,需要的朋友可以参考下2022-09-09
最新评论