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表單的默認提交事件,這會導致路由無法跳轉

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