VUE中this.$router.push點了后hash地址改變了頁面不跳轉(zhuǎn)
更新時間：2024年11月07日 11:49:19 作者：愛你三千遍斯塔克
本文主要介紹了VUE中this.$router.push點了后hash地址改變了頁面不跳轉(zhuǎn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
今天在寫代碼的時候，爆出了一個問題，在我使用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)文章
這篇文章主要介紹了前端導(dǎo)出PDF方案,通過html2canvas和jsPDF實現(xiàn)單頁導(dǎo)出,利用iframe分批處理列表頁數(shù)據(jù)并打包ZIP,兼顧性能與樣式還原,有效減輕服務(wù)端壓力,需要的朋友可以參考下2025-07-07
在本篇文章里小編給大家整理的是關(guān)于VUE 項目初建和常見問題以及相關(guān)知識點內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-09-09
本篇文章主要介紹了vue基于Vue2.0和高德地圖的地圖組件實例，非常具有實用價值，需要的朋友可以參考下2017-04-04
這篇文章主要介紹了vue3循環(huán)展示圖片實現(xiàn)過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-05-05
vue?iview?導(dǎo)航高亮動態(tài)設(shè)置方式
這篇文章主要介紹了vue?iview?導(dǎo)航高亮動態(tài)設(shè)置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
基于Electron24+Vite4+Vue3搭建桌面端應(yīng)用實戰(zhàn)教程
這篇文章主要介紹了基于Electron24+Vite4+Vue3搭建桌面端應(yīng)用,這次給大家主要分享的是基于electron最新版本整合vite4.x構(gòu)建vue3桌面端應(yīng)用程序，需要的朋友可以參考下2023-05-05
vue中el-table實現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)
本文主要介紹了vue中el-table實現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了使用Vue 自定義文件選擇器組件的實例代碼，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
Pinia 是2019年由vue.js官方成員重新設(shè)計的新一代狀態(tài)管理庫,類似Vuex,下面我們就來學(xué)習(xí)一下如何通過Pinia實現(xiàn)持久化存儲的相關(guān)知識,感興趣的小伙伴可以了解下2023-12-12
大家都知道在vue中我們可以使用v-if或者v-show去做隱藏顯示,下面這篇文章主要給大家介紹了關(guān)于如何利用vue控制元素的顯示與隱藏的相關(guān)資料,需要的朋友可以參考下2022-12-12