Vue Router路由參數問題,修改,取消,加參數

通過Rooter跳轉網頁時,可能需要修改url參數或者取消url參數
 

this.$router.push({

path: '/login',

query:{userid:'xxxx'} //傳遞參數

});

傳遞參數時,需要搞清楚window.location.search和window.location.hash的區別

參考:https://www.jianshu.com/p/04590d2b7d31

window.location.search;//url地址第一個?及其後面的字符串,但是不會包含#及其后的字符

window.location.hash;// url地址第一個#及其后的字符串,會包含?及其之後的字符

Router路由是調整hash的值,使用query時,url傳遞參數在#之後

案例1.例如:http://url.com/#/login?userid=D025575&pwd=11&appview=Y

search值為空,hash值#/login?userid=D025575&pwd=11&appview=Y

採用router.push方法跳轉后url上參數都會丟失,要重新傳參數,需要採用query

案例2.例如:http://url.com?userid=D025575&pwd=11&appview=Y#/login

search值?userid=D025575&pwd=11&appview=Y,hash值#/login

採用router.push方法跳轉后url上參數都保留者