Bug:Vue路由不跳转而是刷新页面

简介: Bug:Vue路由不跳转而是刷新页面

问题

Vue路由不跳转而是刷新页面

解决

经过同事的仔细观察,发现点击跳转时,路由中多了一个【问号】并刷新页面没有发生跳转,再次点击才生效

方式一

使用了click.prevent阻止form表单的默认提交事件

<button @click.prevent="onSubmit" >登录</button>

方式二

button默认是submit类型,改成type=“button”

<button type="button"></button>

方式三

把 el-form 组件去掉。 因为也没什么必要,加了form 无非就是 在两个input 中按回车能自动提交

<el-row>

<el-input v-model.trim="keywords" @keyup.enter.native="search()">
<el-button icon="el-icon-search" @click="search()">搜索</el-button>
</el-input>
</el-row>

最后用方式3解决了问题

参考

Vue点击登录的时候自动加了问号?

            </div>
目录
相关文章
|
监控 NoSQL Java
十八张图带你入门实时监控系统HertzBeat
我们经常讲:研发人员有两只眼睛,一只是监控平台,另一只是日志平台。在对性能和高可用讲究的场景里,监控平台的重要性再怎么强调也不过分。 这篇文章,我们聊聊开源实时监控告警系统 HertzBeat 赫兹跳动。
十八张图带你入门实时监控系统HertzBeat
|
NoSQL Java 应用服务中间件
ChaosBlade常见问题之无法删除chaosblades.chaosblade.io如何解决
ChaosBlade 是一个开源的混沌工程实验工具,旨在通过模拟各种常见的硬件、软件、网络、应用等故障,帮助开发者在测试环境中验证系统的容错和自动恢复能力。以下是关于ChaosBlade的一些常见问题合集:
308 0
|
7月前
|
搜索推荐 Shell
bpmn-js打造最强flowable流程设计器
在企业系统中,流程引擎至关重要。Flowable虽强大,但默认设计器功能有限。本文基于 bpmn-js 打造增强版 Flowable 设计器,支持丰富自定义属性与后端联动。bpmn-js 优势明显:原生支持 BPMN 2.0、可扩展性强、社区活跃。节点涵盖多种事件、任务、网关等,满足复杂业务需求。示例效果可见在线预览。
|
自动驾驶 物联网 5G
深入探索5G网络中的网络切片技术及其应用场景
深入探索5G网络中的网络切片技术及其应用场景
3722 3
|
缓存 移动开发 安全
Web安全-HTTP响应拆分(CRLF注入)漏洞
Web安全-HTTP响应拆分(CRLF注入)漏洞
786 8
|
边缘计算 安全 5G
|
NoSQL 安全 关系型数据库
如何在短时间内完成MongoDB差异数据对比
NineData提供高效、安全、准确的MongoDB数据对比解决方案。它支持多种使用场景下的对比功能,包括一次性对比、周期性对比、全量数据对比和快速对比。NineData还提供简单易用的SaaS平台和可视化界面,以直观的图表和报告呈现对比结果。此外,NineData具备强劲的性能和稳定性,通过智能数据分片、批量混检和抽样检查等核心技术实现对比任务的高效运行。用户可以免费使用NineData的数据对比功能,并且平台通过高等级的安全认证保护企业的信息安全。
565 1
|
消息中间件 NoSQL 中间件
19)消息队列的终极解决方案 Stream
19)消息队列的终极解决方案 Stream
202 0
|
JavaScript
【Mac用户必看】Autodesk EAGLE PCB设计全攻略:从安装到制造,解锁Mac上高效电子设计新纪元!
【8月更文挑战第2天】【PCB设计】Mac系统Autodesk EAGLE PCB使用入门教程
1217 11