无法在 Vue 3 中使用 router.push 和 unplugin-vue-router 依赖项
P粉864594965
P粉864594965 2024-01-16 13:49:57
0
1
429

我正在尝试将 Vue 2 项目迁移到 Vue 3,在 Vue 3 项目中它有一个名为“unplugin-vue-router”的库,它是 Vue 中基于自动文件的路由,支持 TS。但是在之前的vue 2(vue-router)登录页面里面有以下方法:

created() { if (this.loggedIn) { this.$router.push('/projects'); } }

所以我尝试在 Vue 3 中重写它:

onMounted(() => { if (loggedIn) { router.push('/projects'); } });

但它显示错误:找不到名称“router”.ts(2304)

所以我的问题是如何重写它并使其与 vue 3 一起工作,以及我可以在哪里更改 unplugin-vue-router 的配置。

P粉864594965
P粉864594965

全部回复 (1)
P粉155832941

composition-api router中是从vue-router插件导入的。

为了使用它,您需要按如下方式声明它

import { userouter } from "vue-router"; const router = useRouter(); onMounted(() => { if (loggedIn) { router.push('/projects'); } });

查看vue-router了解更多详细信息。

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!