vue3.x中useRouter()執(zhí)行后返回值是undefined問題解決
更新時間：2023年09月21日 10:58:40 作者：Paul_Chan_
這篇文章主要給大家介紹了關(guān)于vue3.x中useRouter()執(zhí)行后返回值是undefined問題的解決方法,文中通過代碼示例介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue3.x具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
前言
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)建的路由對象。
總結(jié)
到此這篇關(guān)于vue3.x中useRouter()執(zhí)行后返回值是undefined問題解決的文章就介紹到這了,更多相關(guān)vue3.x useRouter()返回值undefined內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
element-ui表格合并span-method的實(shí)現(xiàn)方法
這篇文章主要介紹了element-ui表格合并span-method的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了vue最簡單的前后端交互示例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
Tailwind?CSS?是一個功能類優(yōu)先的?CSS?框架,它提供了大量預(yù)定義的實(shí)用類來快速構(gòu)建用戶界面,本指南將詳細(xì)介紹如何在?Vue2?項(xiàng)目中引入和使用?Tailwind?CSS,需要的朋友可以參考下2025-06-06
這篇文章主要介紹了vue的hash值原理也是table切換,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
這篇文章主要介紹了Vite?vue使用cdn引入element-plus的相關(guān)知識，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04
vue.js綁定事件監(jiān)聽器示例【基于v-on事件綁定】
這篇文章主要介紹了vue.js綁定事件監(jiān)聽器的方法,結(jié)合實(shí)例形式分析了vue.js基于v-on事件綁定響應(yīng)鼠標(biāo)點(diǎn)擊相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
vue3采用xlsx庫實(shí)現(xiàn)本地上傳excel文件功能
這篇文章主要為大家詳細(xì)介紹了vue3如何采用xlsx庫實(shí)現(xiàn)本地上傳excel文件功能,并且前端解析為Json數(shù)據(jù),感興趣的小伙伴可以了解一下2025-02-02
vite.config.js本地配置獲取真實(shí)請求地址詳解
vite.config.ts是Vite項(xiàng)目的配置文件,用于配置的構(gòu)建、開發(fā)和部署等參數(shù),這篇文章主要介紹了vite.config.js本地配置獲取真實(shí)請求地址的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-08-08
vue.js-div滾動條隱藏但有滾動效果的實(shí)現(xiàn)方法
下面小編就為大家分享一篇vue.js-div滾動條隱藏但有滾動效果的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue中使用js制作進(jìn)度條式數(shù)據(jù)對比動畫
這篇文章主要為大家詳細(xì)介紹了Vue中使用js制作進(jìn)度條式數(shù)據(jù)對比動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03