时间戳

首页 > 解决方案 > Vue路由器依赖缺失

vue.js - Vue路由器依赖缺失

问题描述

您好，为我的问题道歉可能非常愚蠢，但我无法在谷歌中找到正确的答案。我无法在 Vue 中访问 this.$router。从我发现它说 vue 注入路由器作为对每个组件的依赖。但我的 this.$route 仍然没有出现。我正在使用 Vue 版本 3.2.1 和 vue-router 3.0.1（在生成项目时从 CLI 中选择）。我可以导航。一切似乎都是正确的，只是这个依赖 $router 我无权访问它。

我试图在谷歌上研究一切，但没有成功。我发现它只是说 vue 注入路由器作为对每个组件的依赖项仍然无法找到作为我的类 $router 的属性。其他一切都很好，我的意思是路由器链接，路由器视图只是到达参数或查询或重定向的属性丢失。

标签： vue.jsvue-router

解决方案

你是如何用 Vue 初始化你的 vue-router 模块的？它应该是这样的：

import Vue from 'vue'
import VueRouter from 'vue-router'

// Include plugin
Vue.use(VueRouter)

// Initialize your router
const vueRouter = new VueRouter({
   routes: [] // your routes
})

// Send your router to your Vue top component
const app = new Vue({
    el: '#my-app',
    router: vueRouter,
    render: h => h(App)
})

推荐阅读