VUE中this.$router.push點了后hash地址改變了頁面不跳轉(zhuǎn)
更新時間：2024年11月07日 11:49:19 作者：愛你三千遍斯塔克
本文主要介紹了VUE中this.$router.push點了后hash地址改變了頁面不跳轉(zhuǎn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
今天在寫代碼的時候，爆出了一個問題，在我使用this.$router.push的時候，hash地址改變了，但是頁面卻不發(fā)生跳轉(zhuǎn)。
地址從admin跳轉(zhuǎn)到了login后，仍然沒有發(fā)生改變
<van-button type="success" class="" @click="reset">重置</van-button>
<van-button type="primary" class="" @click="login">登錄</van-button>
給它綁定一個事件：
reset(){
this.username = '';
this.password = '';
},
login(){
if(this.username === 'likaicheng' && this.password === '666666'){
// 1.存儲token
localStorage.setItem('token','Bearer xxxx')
// 2.跳轉(zhuǎn)到后臺主頁
this.$router.push('/login' )
}else{
// 登錄失敗
localStorage.removeItem('token')
}
}將main.js的顯示頁面改為App.
加上<router-view>才能跳轉(zhuǎn)頁面，具體的做法是首先在App.vue中刪除其他的代碼，只加上router-view。
之后點擊之后，頁面發(fā)生改變了。
到此這篇關(guān)于VUE中this.$router.push點了后hash地址改變了頁面不跳轉(zhuǎn)的文章就介紹到這了,更多相關(guān)VUE this.$router.push頁面不跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
如何解決elementUI打包上線后icon圖標偶爾亂碼問題
文章描述了在使用若依框架開發(fā)過程中遇到的圖標亂碼問題,通過分析發(fā)現(xiàn)是由于sass編譯器將Unicode編碼轉(zhuǎn)換為明文導致的,文章提供了四種處理方法：使用css-unicode-loader、升高sass版本、替換element-ui的樣式文件和更換打包壓縮方式2025-01-01
這篇文章主要介紹了Vite比Vue CLI快在哪里，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2021-01-01
Vue3.2?新增指令?v-memo?用法詳解(提高性能利器)
v-memo 接受一個依賴的數(shù)組，依賴的數(shù)組變化，v-memo 所對應(yīng)的 DOM 包括子集將會重新渲染，這篇文章主要介紹了Vue3.2?新增指令?v-memo?用法，提高性能的又一利器,需要的朋友可以參考下2022-09-09
VueUse 是一個基于 Composition API 的實用函數(shù)集合。本文就詳細的介紹了VueUse的具體用法，具有一定的參考價值，感興趣的可以了解一下2021-11-11
這篇文章主要介紹了Vue通過ref獲取不到$refs問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue?Router路由hash模式與history模式詳細介紹
Vue?Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，讓構(gòu)建單頁面應(yīng)用變得易如反掌。路由實際上就是可以理解為指向，就是我在頁面上點擊一個按鈕需要跳轉(zhuǎn)到對應(yīng)的頁面，這就是路由跳轉(zhuǎn)2022-08-08
這篇文章主要介紹了基于Vue和Element-Ui搭建項目的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了vue router 配置路由的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-10-10
vue配置生產(chǎn)環(huán)境.env.production與測試環(huán)境.env.development
這篇文章主要介紹了vue配置生產(chǎn)環(huán)境.env.production與測試環(huán)境.env.development方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了關(guān)于vue-i18n在單文件js中的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09