程序员经验分享-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值 的相关文章

  • 滚动在 chrome 中的 svg 异物内不起作用

    我在 svg 异物中有 div 带有溢出 auto 滚动仅适用于鼠标滚轮 无法拖动栏 它适用于 Firefox 但不适用于 chrome safari 如果 svg g 元素上没有转换 它就可以工作 参见小提琴 http jsfiddle

  • Font-Awesome 添加了 aria-hidden 属性，可防止图标出现在浏览器中 [SSR]

    我想在我的 Next js 项目中包含一些 Font Awesome 图标 我已经添加了需要的 标记到我的头部 然后 i i 标记到我的渲染方法 如果我在浏览器中打开该网站 它会向我发出以下控制台警告 index js 1 警告 来自服务器

  • 有没有比 setTimeout 更准确的方法来创建 Javascript 计时器？

    一直困扰我的是事情的不可预测性setTimeout Javascript 中的方法是 根据我的经验 计时器在很多情况下都非常不准确 我所说的不准确是指实际延迟时间似乎或多或少有 250 500 毫秒的差异 尽管这并不是一个很长的时间 但当使

  • Google Maps API v3：在 Firefox 中未触发自定义标记的点击事件

    创建了一个地图 我试图使其具有类似于 我的地图 的功能 我的右侧有两个下拉列表 根据这些 ddl 中的选择 您可以添加自定义标记 图标 您选择标记类型 然后单击地图右上角的 按钮 然后单击要添加标记的位置 我的问题是 这在 IE Safar

  • 固定长度的随机数

    我想生成一个 0 9 数字且长度 5 的随机整数 我尝试这样做 function genRand min max for var i 1 i lt 5 i var range max min 1 return Math floor Math

  • javascript Array.prototype.push 如何连接

    我已经看到数组的 push 方法用于替换串联 但我不完全确定它是如何工作的 var a 1 2 3 var b 4 5 6 Array prototype push apply a b 它如何就地连接而不是返回一个新数组 apply htt

  • 如何将 CAD (DWG) 文件转换为 GeoJSON？

    我正在使用 OpenLayers 需要将 DWG 文件转换为 GeoJSON 格式 我怎样才能做到这一点 事实上 GDAL 拥有完成此任务所需的工具 ogr2ogr 是 GDAL 中包含的一个程序 可以转换多种格式 https gdal o

  • 获得焦点时如何移动文本框视口？

    我有一个文本框 其中可能包含大于文本框大小的字符串 当我打字时 文本框 视口 总是移动以显示我输入的最后一个字符 例如 当您在 SO 问题中写下一个非常大的标题时 A 问题是 如果文本框失去焦点 当它再次聚焦时 视口总是设置在文本的开头 而

  • 为什么 jQuery 的 .change() 事件仅在单击鼠标右键时触发？

    我在使用 jquery 时遇到了问题 change 当我修改输入元素时发生事件 据说 每当我对所述元素进行实时更改时 该事件就会触发 但就我而言 它仅在我按下右键单击按钮后才会触发 这是我的代码laravel框架 HTML div clas

  • 解密签名并验证 JWT

    我知道还有其他库可以让我更轻松地使用 JWT 在 Node js 中 在本例中 我使用 crypto js 以手动方式学习 JWT 以下给了我令牌 var header alg HS256 typ JWT var wordArrayHead

  • Node.js 中的 SetTimeout 问题

    我有以下代码 它在 Chrome V8 下运行良好 但在节点内失败 var id id setTimeout TimeoutHandler 10 console log SET function TimeoutHandler clearTi

  • 缩放对象上的弹跳动画

    拥有对象比例 然后在返回到原始比例因子之前以该比例因子执行弹跳动画的最佳方法是什么 我意识到我可以做一些事情 比如将其缩放到 2 2 然后 1 8 然后 2 0 但我正在寻找一种方法 您只需在比例因子上执行弹跳动画 因为我的比例因子会改变

  • 获取与请求

    我正在使用 JSON 流并尝试使用 fetch 来使用它 该流每隔几秒发出一些数据 仅当流关闭服务器端时 使用 fetch 来使用流才可以访问数据 例如 var target the url var options method POST

  • 如何在phonegap中同时使用相机API选择多个图像？

    如何同时选择或拾取多个图像phonegap camera API使用时Camera DestinationType FILE URI 我一次只能选择一张图像 我可以使用以下命令在 SD 卡中选择多个文件 包括 txt pdf this ht

  • Internet Explorer 10，最大 div 大小为 1.533.917 像素

    我需要制作一个非常大的 div 以百万像素为单位 搜索我发现这个线程证明 IE 可以管理最多 10 000 000 px 确定最大可能的 DIV 高度 https stackoverflow com questions 7719273 de

  • 如何将嵌套对象数组转换为 CSV？

    我有一个包含嵌套对象的数组 例如 name 1 children name 1 1 children 1 2 id 2 thing name 2 1 children 2 2 name 3 stuff name 3 1 children 3

  • Angular 2.0 路由 - TS 2305 ...没有导出成员“ModulewithProviders”

    我正在关注一个角度2 0教程在 Angular JS 官方上site https angular io docs ts latest tutorial toh pt5 html并在路由练习结束时陷入困境 该代码上次有效 但前几天我点击 np

  • 有没有办法避开 Google 路线中的特定道路或坐标？

    API 有一个航路点参数 以便 API 计算经过指定航路点的路线 有什么方法可以给出要避开的航路点而不是要经过的航路点 它 目前 尚未实施 有一个开放的功能请求 问题 214 影响方向的能力 例如 避免 路障 https code goog

  • 如何使用FileSystem API的window.requestFileSystem？

    我用 JavaScript 编写了以下代码 JavaScript 代码 var fs null function initFS window requestFileSystem window requestFileSystem window

  • 如何在JAVascript中删除具有相同ID但display='block'和display='none'的div

    我有超过 1 个 div 具有相同的 id 但其中一个具有 display block 和其他人有显示 无 我想删除所有具有 display none 的 div 请告诉最简单的方法 文档中多个元素具有相同的 id 是违反 W3 标准的 请

随机推荐

  • 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

热门标签