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