开发者社区> auqbllxiu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue 路由跳转 新窗口打开页面
Vue 路由跳转 新窗口打开页面
7 0
Vue 路由跳转 新窗口打开页面
Vue 路由跳转 新窗口打开页面
7 0
Bug:Vue路由不跳转而是刷新页面
Bug:Vue路由不跳转而是刷新页面
18 0
Vue 路由跳转 新窗口打开页面
Vue 路由跳转 新窗口打开页面
8 0
Vue 路由跳转 新窗口打开页面
Vue 路由跳转 新窗口打开页面
33 0
Vue 路由跳转 新窗口打开页面
Vue 路由跳转 新窗口打开页面
40 0
Bug:Vue路由不跳转而是刷新页面
Bug:Vue路由不跳转而是刷新页面
106 0
Hooks + TS 搭建一个任务管理系统(五)-- 路由跳转页面
Hooks + TS 搭建一个任务管理系统(五)-- 路由跳转页面
63 0
VUE 路由参数动态变化,刷新页面动态变化
VUE 路由参数动态变化,刷新页面路由参数动态变化,子组件获取路由参数 场景:响应路由参数变化,当使用路由参数时,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。
3632 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
基于VUE的单页面性能优化实践
立即下载
利用编译将 Vue 组件转成 React 组件
立即下载
产品经理的硬技能——业务建模
立即下载