解决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>
相关推荐
Mr Xu_6 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠6 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
sleeppingfrog6 小时前
zebra通过zpl语言实现中文打印(二)
javascript
未来之窗软件服务8 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
baidu_247438618 小时前
Android ViewModel定时任务
android·开发语言·javascript
VT.馒头8 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
有位神秘人8 小时前
Android中Notification的使用详解
android·java·javascript
phltxy9 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron070710 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
Mr Xu_11 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构