vue路由無法跳轉,只重新整理頁面的問題

2021-10-05 12:34:25 字數 571 閱讀 4405

在我輸入正確的資訊登陸之後,vue路由不跳轉到首頁

後來發現是form表單的預設提交事件導致的,我們來使用click.prevent阻止form表單的預設提交事件

="form-group"

>

"submitform('loginform')"

class

="btn btn-default"

>login<

/button>

<

/div>

我們來驗證一下

現在已經可以正常跳轉到首頁了,注意:這是乙個大坑,如果你的from表單和button按鈕用的不是elementui這種契合vue規範的,一定要阻止form表單的預設提交事件,這會導致路由無法跳轉

Vue路由的頁面跳轉開啟新頁面

效果與a標籤的target blank是一樣的,只不過不用點選,直接開啟 1 在router.js裡新加乙個頁面路由 2 在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,methods this.router.resolve window.open href,blank conso...

Vue重新整理頁面功能

在使用vue開發過程中,有時候修改了一些資料或者提交了表單以後需要重新整理當前頁面,js中有很多方法都可以重新整理頁面,但是我覺得都不是很友好,會突然整個頁面白了一下,相當於按了f5重新整理頁面。最近看到了大神們的做法,也實現了一下,感覺挺不錯的。isrouteralive router view ...

vue中重新整理頁面

當我們頁面中有資料發生變化或者進行了某些操作的時候,需要將變化後的結果展示,也就是重新整理頁面,像f5這種重新整理會導致頁面閃爍,還有 window.reload 或者router.go 0 重新整理時也是,使用者體驗很差,所以我們需要一種頁面不抖動的重新整理方式 解決辦法 在需要的地方使用this...