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

这篇具有很好参考价值的文章主要介绍了Vue 删除query中个别参数或清除query。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在写项目过程中涉及到一个需求,大概形容一下就是第一次进入会有一个编辑弹窗,如果点击编辑弹窗的保存按钮后,刷新页面,弹窗则不在弹出。文章来源地址https://www.toymoban.com/news/detail-602244.html

假设添有一个 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 //再删除page
this.$router.replace({ query: newQuery }) //再把新的替换了

删除全部query参数

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

或者

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

到了这里,关于Vue 删除query中个别参数或清除query的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue项目清理本地缓存并删除node_modules (清除不掉揍我)

    在linux系统下,清缓存,删除node_modules 在windows系统下,清缓存,删除node_modules    法一:利用 powershell 执行(推荐,速度快,秒删)    法二:利用 npm 下载 rimraf 执行

    2024年02月13日
    浏览(39)
  • Vue项目商品购物车前端本地缓存逻辑(适用H5/ipad/PC端)——前端实现购物车删除商品、购物车增减数量,清空购物车功能

    Vue3 + Vite + Ts开源后台管理系统模板 基于ElementUi或AntdUI再次封装基础组件文档 基于Element-plus再次封装基础组件文档(vue3+ts)

    2024年02月12日
    浏览(52)
  • vue路由动态参数

    Vue.js是一种流行的JavaScript框架,它可以用于构建单页应用程序(SPA)。Vue.js具有动态路由的功能,这使得在应用程序中添加新页面变得非常容易。在Vue.js中,动态路由是通过使用路由参数来实现的。在本文中,我们将介绍如何使用Vue.js实现动态路由。 首先,我们需要在Vue.

    2023年04月12日
    浏览(36)
  • 清空或者删除 Docker 容器的日志文件

    删除容器中netcore控制台存储到docker日志记录  在shell命令下执行如下语句: 这个命令会执行以下操作: docker ps -aq:列出所有容器的ID(包括运行中和已停止的容器)。 docker inspect --format=\\\'{{.LogPath}}\\\':获取每个容器的日志路径。 xargs truncate -s 0:使用truncate -s 0命令清空每个日

    2024年02月04日
    浏览(43)
  • 怎么恢复回收站清空删除的文件

    当回收站中的文件被清空时,看到有重要的文件被误删了,该 怎么恢复回收站清空删除的文件 呢?相信有不少人都碰到过这样的事,那么我们如何解决它呢?首先在发现回收站中的数据丢失后,应尽可能避免一切写操作,以保证丢失的数据不会被二次破坏。然后再接着和小编一

    2023年04月23日
    浏览(47)
  • vue路由及参数router

    1.1 如果还没安装node.js, 则先安装node.js ,安装完成后,查看node版本 1.2 安装淘宝镜像, 安装完成后查看npm版本:npm -v 1.3 安装webpack 1.4 安装vue全局脚手架,vue-cli2.x使用 npm install -g vue-cli , vue-cli3.x使用 npm install -g @vue/cli 安装, 查看vue版本: vue -V 1.5 准备工作做好了,开始正

    2024年01月23日
    浏览(41)
  • Blender批量删除(清空)场景中的材质

    1.选中界面中右上角的  \\\"显示模式\\\" 2.修改为: \\\"blender文件” 模式,此时各选中材质一栏数据进行展开   3.全选所有要删除的材质,然后鼠标右键进行删除。  好了,是不是很简单~记得要不断进步呀!

    2024年02月14日
    浏览(39)
  • MySQL删除或清空表内数据的方法

    一、使用MySQL清空表数据命令: truncate SQL语法为: 注意: truncate该命令会直接将数据表内数据清空; truncate该命令删除数据后会重置Identity(标识列、自增字段),相当于自增列会被置为初始值,又重新从1开始记录,而不是接着原来的ID数(重置索引); truncate该命令不会写

    2024年02月06日
    浏览(43)
  • Vue页面路由参数的传递和获取

    vue 页面路由切换时传参的方式有如下几种: 动态路由参数 它隐藏字段信息,相对于来说较安全,同时地址栏中的地址也相对较短 它必须是先定义后使用,一般用于根据固定参数,返回对应的数据所用 query字符串 ?id=1 通过search字符串的方式来在地址栏中传递数据,相对于来

    2024年02月11日
    浏览(42)
  • Matlab GUI的uitable控件实现插入、删除、清空

    本人在使用MATLAB GUI完成毕业设计时碰到表格(uitable)的使用问题,需要实现对既有表格的增加删除功能,参考网上大神的代码有略微报错,分享自己的修改和实现思路。 MATLAB GUI表格(uitable)的增删操作 Matlab GUI控件之——uitable 本程序的界面如下图所示 为了储存表格内的数

    2024年04月11日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包