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>
目录
相关文章
|
3月前
|
JavaScript UED
强制 Vue 重新渲染组件的5种方法,解决你开发过程中数据和视图无法同步的Bug。
强制 Vue 重新渲染组件的5种方法,解决你开发过程中数据和视图无法同步的Bug。
|
5月前
|
JavaScript
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
|
4月前
|
JavaScript 前端开发
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑
593 0
|
4月前
|
JavaScript
【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件
【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件
290 0
|
JavaScript 前端开发
【Vue】 通过一个小BUG,让我对 v-if 和 v-show产生的疑虑
鄙人是个比较菜的新手。用React比较多,当然哈,只限于使用..... 不绕弯子了,之前早就关注过 v-if 和 v-show 的区别,打死我也没想到因为这俩还给我整出了bug。
|
6月前
|
JavaScript
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.
378 0
|
6月前
|
Web App开发 移动开发 JavaScript
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
|
12月前
|
缓存 前端开发 JavaScript
前端Vue小项目的一个非常诡异离谱的"眼神不好"Bug
公司放假, 现在来提升自己的前端的技术, 想着使用饿了么UI搭建一个简单的页面, 并完成mock数据的获取, 一个小项目就好了....
81 0
|
JavaScript
Vue中遇到的Bug( Component name “School“ should always be multi-word vue/multi-word-component-names)
Vue中遇到的Bug( Component name “School“ should always be multi-word vue/multi-word-component-names)
120 0
|
前端开发 JavaScript
我发现了一个React、Vue等所有前端框架都存在的隐秘Bug?
我发现了一个React、Vue等所有前端框架都存在的隐秘Bug?