vue清除地址栏路由参数方式

目录 vue清除地址栏路由参数 vue删除query中个别参数或清除query 总结

vue清除地址栏路由参数

方式一：

let path = this.$route.path; //先获取路由路径
this. $router .push(path); //再跳转路由路径，query参数没带过去，所以被清除了

方式二：

this.$router.push({ query: {} });

vue删除query中个别参数或清除query

在写项目 过程中 涉及到一个需求，大概形容一下就是第一次进入会有一个编辑弹窗，如果点击编辑弹窗的保存按钮后，刷新页面，弹窗则不在弹出。

假设添有一个 ty PE 为open的参数

let resolves = this.$router.resolve({
  n am e: 'OrdersDet ai l',
  query: {
    orderId: this.orderId,
    channel: this.salesChannel,
    type: 'open' // 目标参数
  }
})
window.open(resolves. hr ef, '_blank')

删除type参数

let newQuery = JSON.parse(JSON.stringify(this.$route.query)) // 先拷贝一个一模一样的对象
delete newQuery.type //再删除page
this.$router.replace({ query: newQuery }) //再把新的替换了

删除全部query参数

let path = this.$route.path //先获取路由路径
this.$router.replace(path) //再跳转路由路径，query参数没带过去，所以被清除了

或者

this.$router.replace({ query: {} });

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的 文章 : vue路由跳转router-link清除历史记录的三种方式(总结) vue router 动态路由清除方式 VUE : vue-cli中去掉路由中的井号#操作

总结

以上是 为你收集整理的 vue清除地址栏路由参数方式 全部内容，希望文章能够帮你解决 vue清除地址栏路由参数方式 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于vue清除地址栏路由参数方式的详细内容...