vue路由无法跳转,只刷新页面的问题

问题


在我输入正确的信息登陆之后,Vue路由不跳转到首页

解决


后来发现是form表单的默认提交事件导致的,我们来使用click.prevent阻止form表单的默认提交事件

<div class="form-group">
	<button @click.prevent="submitForm('loginform')" class="btn btn-default">Login</button>
</div>

验证


我们来验证一下

在这里插入图片描述
在这里插入图片描述
现在已经可以正常跳转到首页了,注意:这是一个大坑,如果你的from表单和button按钮用的不是elementUI这种契合Vue规范的,一定要阻止form表单的默认提交事件,这会导致路由无法跳转

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章