使用vue-router出现Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘push‘）

1.首先展示一下控制台的报错信息：

 2.项目中代码

const logout = async () => {
  const store = useUserStore()
  const router = useRouter()
  console.log(router) //通过log打印出来的router是undefined
  // 弹出框提示
  await showConfirmDialog({
    title: '温馨提示',
    message: '您确定要退出当前账号吗？'
  })
  store.delUserInfo()
  router.push('/login')
}

总结：出现错误的原因是：const router = useRouter()写在了函数里面，正确代码：

const store = useUserStore()
const router = useRouter()
const logout = async () => {
  // 弹出框提示
  await showConfirmDialog({
    title: '温馨提示',
    message: '您确定要退出当前账号吗？'
  })
  store.delUserInfo()
  router.push('/login')
}