關(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 router組件狀態(tài)刷新消失的問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
這篇文章主要介紹了Vue項目通過network的ip地址訪問注意事項及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue3將虛擬節(jié)點渲染到網(wǎng)頁初次渲染詳解
這篇文章主要為大家介紹了Vue3將虛擬節(jié)點渲染到網(wǎng)頁初次渲染詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要介紹了VUE接入騰訊驗證碼功能（滑塊驗證）備忘,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
這篇文章主要介紹了vue.js踩坑之ref引用細節(jié)點講解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue中的el-tooltip提示黑框遮擋問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
VUE 項目在IE11白屏報錯 SCRIPT1002: 語法錯誤的解決
這篇文章主要介紹了VUE 項目在IE11白屏報錯 SCRIPT1002: 語法錯誤的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
Vue.js 是一種流行的 JavaScript 框架，可以使 Web 應(yīng)用程序的開發(fā)變得更加輕松和高效，這篇文章主要介紹了在 vue 中鼠標懸停時顯示元素或文本,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了如何vue中添加音頻和視頻的相關(guān)知識,文中的示例代碼簡潔易懂,具有一定的學習價值,感興趣的小伙伴可以了解下2023-08-08
詳解如何在vue+element-ui的項目中封裝dialog組件
這篇文章主要介紹了詳解如何在vue+element-ui的項目中封裝dialog組件，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12