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

目录

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

vue清除地址栏路由参数

方式一：

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

方式二：

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

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

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

假设添有一个 tyPE为open的参数

let resolves = this.$router.resolve({
  name: 'OrdersDetail',  query: {
    orderId: this.orderId,    channel: this.salesChannel,    type: 'open' // 目标参数  }
}
    )window.open(resolves.href, '_blank')

删除type参数

let newQuery = JSON.parse(JSON.stringify(this.$route.query)) // 先拷贝一个一模一样的对象delete newQuery.type //再删除pagethis.$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中去掉路由中的井号#操作

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！