import { useRouter } from ‘vue-router‘打印useRouter为undefined

昵称已存在lxttttt

于 2022-06-17 23:24:56 发布

阅读量3.1k

点赞数 3

分类专栏： vue 文章标签：前端 vue3

本文链接：https://blog.youkuaiyun.com/weixin_43238931/article/details/125341629

版权

在Vue3应用中，当尝试使用`useRouter`时遇到返回值为undefined的问题。错误发生的原因是`useRouter`的定义位置不正确。解决办法是将`useRouter`的调用放在组件的函数外部。详细解决方案包括对比错误和正确代码的差异，确保正确导入和使用`vue-router`的钩子函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义的router要写在函数外层

错误代码：

<script setup>
import {
    reactive } from 'vue'
import {
    useRouter } from 'vue-router'
import {
    ElMessage, ElMessageBox } from 'element-plus'

// 登录
const login = () => {
   
  if (formData.userName =

最低0.47元/天解锁文章