解决vue点击按钮刷新页面的一个bug

项目场景:

登陆界面第一次点击按钮会刷新页面,后面点击就可以正常请求了

js 复制代码
<button class="form-btn" type="submit" @click="loginFn">登陆</button>

解决方案:

把里面的 type="submit" 改成 type="button"

js 复制代码
<button class="form-btn" type="button" @click="loginFn">登陆</button>
相关推荐
萌萌哒草头将军1 小时前
🚀🚀🚀 不要只知道 Vite 了,可以看看 Farm ,Rust 编写的快速且一致的打包工具
前端·vue.js·react.js
芝士加2 小时前
Playwright vs MidScene:自动化工具“双雄”谁更适合你?
前端·javascript
Carlos_sam3 小时前
OpenLayers:封装一个自定义罗盘控件
前端·javascript
前端南玖3 小时前
深入Vue3响应式:手写实现reactive与ref
前端·javascript·vue.js
Yueyanc4 小时前
LobeHub桌面应用的IPC通信方案解析
前端·javascript
不一样的少年_5 小时前
头像组件崩溃、乱序、加载失败?一套队列机制+多级兜底全搞定
前端·vue.js
麦当_5 小时前
基于 Shadcn 的可配置表单解决方案
前端·javascript·面试
Cutey9166 小时前
使用Canvas实现实时视频处理:从黑白滤镜到高级特效
前端·javascript
前端大卫6 小时前
前端调试太痛苦?这 6 个技巧直接解决 90% 问题!
前端·javascript
小公主6 小时前
this 到底指向谁?严格模式和作用域那些坑全讲明白了
前端·javascript