欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）

 更新時間：2022年07月27日 10:01:38   作者：韋_恩  
這篇文章主要介紹了Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

Vue3.x出來有一陣子了，今天用它的時候發(fā)現(xiàn)Vue2中的this.$router.push竟然不能用了！?。。?！，真是服了，還得花點(diǎn)時間瞅瞅咋回事，所以.....還是總結(jié)下吧

1.Vue3.x路由跳轉(zhuǎn)

不要this了，直接引用路由對象，看下圖：

import router from '@/router/index.js'

 用這個路由對象router去push（剩下的和Vue2.x一樣）

router.push({name:'user',params:{id:props.videoInfo.author.ID}});

我們打印出這個router看看里頭是啥？看到currentRoute熟悉么親？所以原來this.$route也不用了（雖然他原來也是$router內(nèi)部的currentRoute）

2.獲取參數(shù)

原來獲取參數(shù)用this.$route.params獲取，現(xiàn)在是這樣的。

router.currentRoute.value.params.id

來具體看看 currentRoute里面是啥吧

3. router-link

很開心<routerlink/>沒有變化,還是以前那么用

 <router-link :to="{name:'user',params:{id:videoInfo.author.ID}}">點(diǎn)擊跳轉(zhuǎn)</router-link>

4.總結(jié)

整體上來講vue3使用上是方便了，但是很多小的東西和原來不一樣了，還真的找找，歡迎大佬們補(bǔ)充。。。

相關(guān)文章

最新評論