程序员经验分享-hwhale

VUE不刷新页面的情况下更改浏览器链接后的query值

2023-11-16

在不刷新当前页面的情况下，不操作路由，但是要更改路由中的 query 参数，就好像页面只有简单路径，无 query，现在点击一下页面中的按钮，页面不刷新，但是要在浏览器的地址显示中将 query 参数修改掉。

解决方法是：
window.history.replaceState 与 window.location.href 结合使用
像这样：
在这里插入图片描述

需求来源于一个 tab-panel ，点击去到其他页面之后返回得停留在之前的页面，此为对已有页面的一个补救措施。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

工作中遇到的问题

Vue笔记

vuejs

前端

javascript

VUE不刷新页面的情况下更改浏览器链接后的query值 的相关文章

  • Javascript 函数查找数字的倍数

    创建一个名为的函数multiplesOf 它将接受两个参数 第一个参数是数字数组 第二个参数是数字 该函数应返回一个新数组 该数组由参数数组中的每个数字组成 该数字是参数数字的倍数 So multiplesOf 5 6 7 8 9 10 3

  • JavaScript 中的埃拉托斯特尼筛法对大量数据无限运行

    我一直在尝试写埃拉托斯特尼筛法 http en wikipedia org wiki Sieve of EratosthenesJavaScript 中的算法 基本上我只是按照以下步骤操作 创建从 2 到 n 1 的连续整数列表 令第一个素

  • 以编程方式填写reactjs表单

    我正在编写一个用户脚本 但无法填写由reactjs制作的表单 我的代码 document querySelector id username value email protected cdn cgi l email protection

  • 如何更改 Google Maps v3 API for Directions 中的开始和结束标记图像

    我使用 DirectionsRender 绘制了一条路线 但我不知道如何用我自己的标记替换通用的 Google 标记 我知道并在正常的谷歌地图情况下使用它 但发现很难用开始和结束的方向标记来做到这一点 如果这是一个愚蠢的问题 感谢您的任何建

  • 如何使用javascript将大图像转换为十六进制？

    如果我尝试将图像转换为十六进制 无论我使用哪个函数 我都会收到此错误消息 该图像的大小为 7 MB 19812 毫秒 清理 1401 2 1455 0 gt 1401 2 1455 0 MB 9 9 0 ms 自上次 GC 以来 8 3 m

  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的

  • 如何针对 Node.js 中发生的每个错误发送电子邮件？

    假设我的 node js 应用程序正在运行 如果出现错误 我的意思是所有错误 不仅仅是网络错误 如果出现错误 则很重要 我如何调用函数向我发送电子邮件 基本上 在我希望它写入 err out 之前 我希望向我发送一封电子邮件 我正在使用no

  • 可以在初始 DOM 解析期间/之前修改 DOM 吗？

    是否可以在初始 DOM 解析期间或之前修改 DOM 或者我是否必须等到 DOM 被解析和构建之后才能与其交互 更具体地说 是否有可能阻止 DOM 中的脚本元素使用用户脚本 内容脚本或 Chrome 或 Firefox 中的类似脚本运行 在解

  • 引导程序提前输入未填充承诺的响应

    我的引导程序预输入如下

  • 在打字稿中导入 json

    我是 typescript 的新手 在我的项目中 我们使用 typescript2 在我的要求之一中 我需要导入 json 文件 所以我创建了 d ts 文件如下 test d ts declare module json const va

  • 有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端？

    当我运行 rspec 时 是否可以让 capybara selenium 向 rspec 报告任何 javascript console errors 和其他异常 我有一大堆测试失败 但当我手动测试它时 我的应用程序正在运行 如果不知道仅在

  • 将 GMT 时间转换为当地时间

    我以这种格式从我的服务器获取 GMT 时间 Fri 18 Oct 2013 11 38 23 GMT 我的要求是使用Javascript将此时间转换为本地时间 例如 如果用户来自印度 首先我需要采用时区 5 30并将其添加到我的服务器时间并

  • Javascript split 不是一个函数

    嘿朋友们 我正在使用 javascript sdk 通过 jQuery facebook 多朋友选择器在用户朋友墙上发布信息 但是我收到此错误friendId split 不是函数 这是我的代码 function recommendToFr

  • 正则表达式 - 从 markdown 字符串中提取所有标题

    我在用灰质 https www npmjs com package gray matter 以便将文件系统中的 MD 文件解析为字符串 解析器产生的结果是这样的字符串 n Clean er ReactJS Code Conditional

  • Three.js 各种大小的粒子

    我是 Three js 的新手 正在尝试找出添加 1000 个粒子的最佳方法 每个粒子都有不同的大小和颜色 每个粒子的纹理是通过绘制画布创建的 通过使用粒子系统 所有粒子都具有相同的颜色和大小 为每个粒子创建一个粒子系统是非常低效的 有没有

  • Vue 和 Vuex：处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个

  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0

  • 分页在服务器端好还是前端好？ [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在构建 Laravel Vue 应用程序 我想知道在后端使用分页还是在前端使用分页更好 我认为最好在每页发送尽可能少的数据的请求 但我想听听

  • 如何在执行新操作时取消先前操作的执行？

    我有一个动作创建器 它会进行昂贵的计算 并在每次用户输入内容时调度一个动作 基本上是实时更新 但是 如果用户输入多个内容 我不希望之前昂贵的计算完全运行 理想情况下 我希望能够取消执行先前的计算并只执行当前的计算 没有内置功能可以取消Pro

  • Vue.js[vuex] 如何从突变中调度？

    我有一个要应用于 json 对象的过滤器列表 我的突变看起来像这样 const mutations setStars state payload state stars payload this dispatch filter setRev

随机推荐

  • Win10注册表无法保存对权限所作的更改拒绝访问

    转载 https blog csdn net qq 37674858 article details 107876060 在对系统的安全控制得越来越多的情况下 要对注册表的关键数据进行修改是件挺麻烦的事 时不时会弹出无法保存对xxxxxx权

  • 为Win12做准备？微软Win11 23H2将集成AI助手：GPT4免费用

    快科技7月18日消息 微软日前确认今年4季度推出Win11 23H2 这是Win11第二个年度更新 Win11 23H2具体有哪些功能升级 现在还不好说 但它会集成微软的Copilot 它很容易让人想到多年前的 曲别针 助手 但这次是AI技

  • canvas绘制气泡

    思路 使用Math random 函数绘制是个不同位置 大小 颜色的圆形 然后设置定时器 前一个状态用一个与画布相同颜色的背景图片进行覆盖 改变圆形的位置 每次改变都是在这张空白的背景图片上面重新进行重新绘制的过程 源码

  • mysql 5.7 驱动_这些 MySQL 调优配置，你都知道吗？

    关注我的头条号 获取更多运维相关知识 你想了解哪方面的运维知识 请评论区告诉我 我会尽快更新 MySQL 数据库 基本上运维都会接触到 而对于数据库的性能优化 想必是大家比较关注的 下面分享一些调优技巧 先决条件 安装 MySQL 版本大于

  • 【华为OD机试c++】九宫格游戏【2023 Q1 A卷

    题目描述 九宫格是一款广为流传的游戏 起源于河图洛书 游戏规则是 1到9九个数字放在3 3的格子中 要求每行 每列以及两个对角线上的三数之和都等于15 在金麻名著 射雕英雄传 中黃蓉曾给九宫格的一种解法 口诀 戴九恩一 左三右七 二四有肩

  • Fedora 18 的samba共享配置

    红色粗字体字为修改后内容 蓝色粗体字为特别注意内容 1 宿主机 windows 8 4G内存 2 虚拟机 VMware 9 0 1 3 虚拟主机 VMware下Fedora 18 1G内存 4 参考文章 参考文章 详解Fedora Samb

  • libevent源码学习（14）：IO复用模型之epoll的封装

    目录 Libevent提供的epoll后端结构体 初始化epoll init 何时调用epoll init 事件添加epoll nochangelist add 何时调用epoll nochangelist add 事件删除epoll no

  • 监听DOM加载完成及改变MutationObserver应用

    什么是MutationObserver 接口提供了监视对DOM树所做更改的能力 它被设计为旧的MutationEvents功能的替代品 该功能是DOM3 Events规范的一部分 简单粗暴 就是监听DOM树的变动 那么 被代替的 Mutat

  • 牛顿法与牛顿迭代法

    文档主要分为两个部分 第一部分是对牛顿 拟牛顿方法的介绍 第二部分介绍具体的拟牛顿数值方法 pdf文档 1 非线性方程组解法 牛顿法 Newton法又称为Newton Raphson法 是采用函数的Taylor级数的前面几项来寻找方程的根

  • 数据库课程设计--人事管理系统代码

    人事管理系统 创建数据库 create database personal management system on primary name pms data 逻辑名 filename D sql server pms data mdf

  • BF算法与KMP算法

    针对串的操作 在主串s里面查找子串sub 从pos位置开始的第一个符合的子串 返回第一个字符的下标 BF算法如下 时间复杂度 O mn 当字符相等时 j i 当不等时 j需要回退到0号下标 i需要回退到之前的位置 1 int BF cons

  • 超分辨率：基于metric learning的无监督blind sr：Metric Learning based Interactive Modulation for Real-World Super

    Metric Learning based Interactive Modulation for Real World Super Resolution 1 思路介绍 关于blind sr 常规的方法是 建立各种 退化方法数据集 然后监督训

  • C语言：二维数组传参的格式(详细+总结)

    希望能帮助到你 我将无比快乐 你的点赞 是我前进的动力 初遇二维数组作函数参数 宛如自己化身为了大头儿子 很头大 不禁大声呐喊 该怎么声明定义 该怎么调用 又该怎么函数中操作元素和地址 在此 我要拨开这些问题的一些迷雾 我相信 有心人看完后

  • nextTick相关问题

    nextTick引出的问题 任务类型 JS中有两种任务类型 微任务 microtask 和宏任务 macrotask 在ES6中 microtask称为 jobs macrotask称为 task 宏任务 script 主代码块 setTi

  • ElasticSearch设置用户名密码访问

    1 启动trial license 30天试用 curl H Content Type application json XPOST http 127 0 0 1 19200 xpack license start trial acknow

  • PPTPD和PPTP client的安装指南

    PPTP是微软的 协议 被广泛采用 Linux下的服务端称为PPTPD 客户端称为PPTP PPTPD和PPTP client本身的安装并不复杂 可以说相当直观 但是如果要用到mppp加密 需要做的工作就要多一些 1 PPTPD的官方网站是

  • ECSHOP问题总结

    ecshop各个页面调用商品销售量方法 首页的推荐商品包括热销推荐和促销三个文件 只对热销商品为例 第一步 打开根目录 includes lib goods php文件 在文件末尾添加方法 function selled count goo

  • Python3，pandas自动处理exlce数据及yagmail邮件自动发送

    使用pandas来实现excel表中数据统计提取 及邮件发送功能 数据文件统计及发送 使用pandas处理Excel的数据 yagmail实现邮件自动发送 使用pandas处理Excel的数据 pandas怎么读取excel 我们已经分享了

  • Cadence Allegro学习---spin与rotate，group与room，assign color与hilight

    学习allegro的过程中 会遇到一些类似但不太相同的命令 总结一下 仅供参考 allegro类似命令比对 功能 命令 不同点 相同点 旋转 spin 旋转 是一个独立的命令 edit spin执行即可对symbol进行旋转 都可以进行器件

  • VUE不刷新页面的情况下更改浏览器链接后的query值

    在不刷新当前页面的情况下 不操作路由 但是要更改路由中的 query 参数 就好像页面只有简单路径 无 query 现在点击一下页面中的按钮 页面不刷新 但是要在浏览器的地址显示中将 query 参数修改掉 解决方法是 window his

热门标签