關(guān)于Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）
更新時間：2022年07月27日 10:01:38 作者：韋_恩
這篇文章主要介紹了Vue3路由push跳轉(zhuǎn)問題(解決Vue2this.$router.push失效）,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
Vue3.x出來有一陣子了，今天用它的時候發(fā)現(xiàn)Vue2中的this.$router.push竟然不能用了?。。。。?，真是服了，還得花點時間瞅瞅咋回事，所以.....還是總結(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}}">點擊跳轉(zhuǎn)</router-link>
4.總結(jié)
整體上來講vue3使用上是方便了，但是很多小的東西和原來不一樣了，還真的找找，歡迎大佬們補充。。。
相關(guān)文章
這篇文章主要介紹了Vue-cli4 配置 element-ui 按需引入操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要給大家介紹了關(guān)于Vue生命周期的那些事,在使用vue開發(fā)過程中經(jīng)常會接觸到生命周期的問題,但對于每個鉤子函數(shù)都做了什么,應用場景比較模糊,希望通過這次梳理讓自己清楚一些,需要的朋友可以參考下2021-09-09
通過簡單的三步讓大家對VUEX快速的入門，本文還介紹了VUEX的最基礎(chǔ)的函數(shù)以及相關(guān)知識點，有興趣的學習下。2018-05-05
最近項目結(jié)束，空閑時間比較多，今天小編抽時間給大家使用vue寫一個小例子，就決定做驗證碼倒計時功能，具體實例代碼大家參考下本文2018-04-04
這篇文章主要介紹了vue如何實現(xiàn)簡易流程圖問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
在項目開發(fā)中，如果使用到了 vuex，通常我會將所有的接口請求單獨用一個文件管理，這篇文章主要介紹了Vuex中actions如何優(yōu)雅處理接口請求,業(yè)務邏輯寫在 actions 中，本文給大家分享完整流程需要的朋友可以參考下2022-11-11
Vue+LogicFlow+Flowable實現(xiàn)工作流
本文主要介紹了Vue+LogicFlow+Flowable實現(xiàn)工作流,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-12-12
electron-vue+electron-updater實現(xiàn)自動更新(步驟源碼)
這篇文章主要介紹了electron-vue+electron-updater實現(xiàn)自動更新,步驟源碼包括autoUpdater.js操控更新js文件，main.js也就是package.json內(nèi)的main指向的js文件，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-10-10
VueJs使用Amaze ui調(diào)整列表和內(nèi)容頁面
這篇文章主要介紹了VueJs 填坑日記之使用Amaze ui調(diào)整列表和內(nèi)容頁面,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了Vue傳參一籮筐(頁面、組件)，Vue頁面、組件之間傳參方式繁多，此處羅列出常用的幾種方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04