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