页面点击保存url“#”号之前出现“？”，页面刷新不跳路由解决方案

最新推荐文章于 2025-11-24 03:44:17 发布

原创最新推荐文章于 2025-11-24 03:44:17 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js #vue.js #javascript

本文介绍了一种解决页面点击保存操作中URL出现异常字符“？”的问题，通过使用@click.prevent和Debounce组件，实现了页面刷新时不跳转路由的解决方案。

页面点击保存url“#”号之前出现“？”，页面刷新不跳路由解决方案

问题展现

在这里插入图片描述

解决方案click添加.prevent

<Debounce :time="500" events="click" :immediate="true">
  <button class="primaryButton btns-son" @click.prevent="submitForm('ruleForm')" >保 存</button>
</Debounce>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Thurmanwang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue路由切换页面不更新问题解决方案

11-19

解决方案：解决这个问题有几种方法： 1. **更改`<router-view>`的key**：可以在`<router-view>`标签上添加`:key`属性，并确保每次路由切换时，key的值都会改变。这将迫使Vue认为这是一个全新的组件，从而进行...

vue 解决路由只变化参数页面组件不更新问题

10-16

本文将深入探讨这个问题，并提供解决方案。首先，我们需要了解Vue Router的工作原理。当路由路径改变时，Vue Router会根据新的路径查找匹配的路由配置，然后创建或销毁相应的组件实例。如果新的路径与旧路径完全...

参与评论您还未登录，请先登录后发表或查看评论

路由地址不变参数变化时刷新本页面重新加载信息

Borage21的博客

05-29

1662

例如 vue 后台系统新增修改查看用同一个路由页面由列表进去编辑页面再由编辑页面点击左侧菜单进去新增（有新增菜单）就需要在路由不变参数有变化的情况下刷新本页面 // 监听路由 watch: { $route( to , from ){ if(from.query.编辑页面导航栏携带的参数 !== ''){ this.$refs....

webview第二次加载带#的url 调用loadUrl()不会刷新的坑

_陈泡泡的博客

02-12

6750

最近在做项目的时候发现Android和IOS的webview重新加载都会存在这种情况。看log是已经跳转到相应url并且也加到堆栈中，但就是没有刷新为了让它正常刷新我做了以下尝试

都是“#”号惹得祸――URL中“#”号导致无法刷新页面问题

糖醋舌头

12-11

2018

在做弹出IE窗口刷新父窗口的页面时，发现使用window.opener.location.href=window.opener.location.href语句并不是每次都起作用，有时候父窗口对该语句无动于衷，但跟踪代码发现，该语句确实已经执行。上网搜索，无果，只能自己来查找事情的真相。通过逐个页面测试，我发现了一个规律，父窗口弹出窗口的链接如果是超链接形式，则该条语句一定无效

Vue build打包之后，刷新页面出现404解决方案

陈万洲的专栏

02-22

1万+

Vue build打包之后，刷新页面出现404，HTML5 History 模式原因分析： vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而...

vue 同一个页面路由无反应_Vue同一路由跳转页面不刷新解决方案及注意事项

weixin_28796657的博客

02-11

5847

默认情况跳转至同一个路由地址(path相同，即使params或者query不同也算同一个)的话，只是浏览器url变了，其它是不会发生任何变化，这就是网友常说的“同一页面跳转，路由变了但是页面不刷新”。我们可以写两个测试页面// goNext.vue跳转至自身跳转至goBackexport default {name: 'goNext',mounted() {console.log('组件生命周期 ...

VUE动态路由跳转后，url改变，页面未刷新--究极解决方案

lmj0920的博客

08-12

3776

VUE动态路由跳转后，url改变，页面未刷新--究极解决方案

【Vue】解决路由切换，页面不更新的实用方法

热门推荐

汪小穆的博客

09-22

7万+

前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。

Vue进阶（六十七）页面刷新路由传参丢失问题分析及解决

IT全栈华强工作室

09-01

1970

问题描述：Vue项目上线后，从A页面跳转至B页面，B页面通过data中接收来自A页面的参数信息，并在created页面生命周期调用服务接口serviceA，返回数据后进行B页面数据渲染展示。B页面刷新后，serviceA接口入参丢失且未做入参非空校验，导致serviceA全表查询，导致内存溢出。

前端页面地址栏修改Url参数后回车路由页面不刷新！

xiaoleiv9的博客

08-04

2213

原因：因为你的路由Url是相同的，vue会认为你是同一个页面，从而复用已加载的页面从缓存里面拿，而不会重新加载，这个应该跟Vue的热更新有关系；解决方案：可以用侦听，手动刷新，监听路由的变化；

React Router如何在url参数不同的情况下跳转页面不更新解决方案

01-20

在React应用中，React Router是用于管理应用内部路由的一个强大库。它允许我们在URL改变时动态地渲染不同的组件，提供了一种优雅的方式...不过，对于这个问题，`componentWillReceiveProps`仍然是一个有效的解决方案。

vue路由传参页面刷新参数丢失问题解决方案

10-16

在Vue.js应用中，路由传参是一种常见的功能，用于在不同组件之间传递数据。然而，当页面被刷新时，通过`params`或`route`属性...在开发过程中，不断探索和尝试不同的解决方案，可以提高问题解决能力，拓宽技术视野。

Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案.docx

10-26

### Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案 #### 开发环境配置本解决方案基于以下开发环境： - 操作系统：Windows 10 - Vue 版本：2.9.6 - Node.js 版本：10.15.3 - 其他依赖库：`js-cookie`...

vue刷新页面如何保证路由不变_vue 刷新之后嵌套路由不变重新渲染页面的方法...

weixin_39834767的博客

12-20

5138

vue 刷新之后嵌套路由不变重新渲染页面的方法解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来2、写写一个reload方法，在页面刷新只有，点击某个查询条件的时候调用这个重载的方法这是条件渲染变化了为false在修改数据之后使用 $nextTick，条件渲染变化了为true则可以在回调中获取更新后...

基于spring+vue把图片文件上传至阿里云oss容器并回显

2301_77170676的博客

11-21

521

本文介绍了基于Element UI的文件上传组件实现和阿里云OSS存储的后端处理。前端使用el-upload组件配置了文件上传接口、请求头、上传前后回调方法等属性。后端通过ossUtil工具类实现文件上传到阿里云OSS，包含Endpoint、AccessKey等必要配置参数，以及处理异常情况。最后通过Controller接收前端上传的文件，生成随机文件名后调用OSS工具类上传，返回文件访问URL。整个流程实现了从前端上传到云端存储的完整解决方案。

Vue3项目实战

2509_93946337的博客

11-24

342

还有个细节，Pinia的store里用actions定义方法时，不用写commit了，直接赋值就行，比Vuex简单不少。举个实际例子：订单列表页需要支持按状态筛选和导出Excel，我单独建了个useOrderTable.js，里面用ref存筛选条件，computed处理过滤后的数据，onMounted里调接口初始化。我在用户管理模块里试过，把一个权限列表从数组改成树结构，用reactive包裹后，随便增删改查都能实时渲染，连watch都不用额外配置。部署时遇到个诡异问题：开发环境跑得好好的，生产环境白屏。

Vue音频处理开发