亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

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

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

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

 用這個(gè)路由對(duì)象router去push（剩下的和Vue2.x一樣）

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

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

2.獲取參數(shù)

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

router.currentRoute.value.params.id

來(lái)具體看看 currentRoute里面是啥吧

3. router-link

很開(kāi)心<routerlink/>沒(méi)有變化,還是以前那么用

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

4.總結(jié)

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

相關(guān)文章

最新評(píng)論