vue中有<form>表单标签导致按钮点击无法路由跳转this.$router.push失效

2023/01/13 18:42
阅读数 42

注意:这是一个大坑,如果你的from表单和button按钮用的不是elementUI这种契合Vue规范的,一定要阻止form表单的默认提交事件,这会导致路由无法跳转

后来发现是form表单的默认提交事件导致的,我们来使用click.prevent阻止form表单的默认提交事件
<div class="form-group">
    <button @click.prevent="submitForm('loginform')" class="btn btn-default">Login</button>
</div>

也可以删除这个form标签如果没用的话

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部