vue3.x中useRouter()執(zhí)行后返回值是undefined問題解決
更新時間：2023年09月21日 10:58:40 作者：Paul_Chan_
這篇文章主要給大家介紹了關于vue3.x中useRouter()執(zhí)行后返回值是undefined問題的解決方法,文中通過代碼示例介紹的非常詳細,對大家學習或者使用vue3.x具有一定的參考借鑒價值,需要的朋友可以參考下
前言
useRouter一定要放在setup方法內(nèi)的頂層，否則作用域改變useRouter()執(zhí)行返回的是undefined。
正確使用
<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const toLogin = () => {
router.push({ name: 'login' });
};
</script>錯誤使用
<script setup>
import { useRouter } from 'vue-router';
const toLogin = () => {
const router = useRouter(); //router為 undefine
router.push({ name: 'login' });
};
</script>如果需要在其他js文件的非setup中使用路由對象，可以直接引用createRouter()創(chuàng)建的路由對象。
總結
到此這篇關于vue3.x中useRouter()執(zhí)行后返回值是undefined問題解決的文章就介紹到這了,更多相關vue3.x useRouter()返回值undefined內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
今天小編就為大家分享一篇對vue 鍵盤回車事件的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Sentry?是一款功能強大的開源錯誤監(jiān)控服務,廣泛用于追蹤和修復應用中的異常情況,本文將詳細介紹如何在?Vue?應用中集成和使用?Sentry,感興趣的可以了解下2024-11-11
vue v-on:click傳遞動態(tài)參數(shù)的步驟
這篇文章主要介紹了vue v-on:click傳遞動態(tài)參數(shù)的步驟，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了vue中transition組件在項目中運用,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
element-ui upload組件上傳文件類型限制問題小結
最近我遇到這樣的問題,接受類型已經(jīng)加了accept 但是當選擇彈出本地選擇文件時候切換到所有文件 之前的文件類型就本根過濾不掉了,下面小編給大家介紹element-ui upload組件上傳文件類型限制問題小結,感興趣的朋友一起看看吧2024-02-02
這篇文章主要介紹了vue后臺管理之動態(tài)加載路由的方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Vuex狀態(tài)管理器的使用,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
在現(xiàn)代Web開發(fā)中,經(jīng)常需要從其他網(wǎng)頁獲取并解析內(nèi)容,本文將詳細介紹如何在Vue項目中實現(xiàn)這一功能,感興趣的小伙伴可以跟隨小編一起學習一下2025-03-03
這篇文章主要介紹了vue3 elementplus table合并寫法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了在Vue中如何實現(xiàn)打字機的效果，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07