未定义Vue路由器this.$route.router
未定义Vue路由器this.$route.router是一个错误的表达，正确的表达应该是this.$router。
Vue路由器（Vue Router）是Vue.js官方的路由管理器，用于实现前端单页应用（SPA）的页面跳转和导航功能。它可以帮助开发者在Vue.js应用中实现页面的切换、参数传递、路由拦截等功能。
在Vue.js中，this.$router是Vue实例的一个属性，用于访问Vue路由器的实例。通过this.$router可以进行路由的跳转、获取当前路由信息、监听路由变化等操作。
this.$route是Vue实例的另一个属性，用于访问当前路由的信息。通过this.$route可以获取当前路由的路径、参数、查询参数等信息。
综上所述，正确的表达应该是this.$router，而不是this.$route.router。
以下是一些关于Vue路由器的相关信息：
概念：Vue路由器是Vue.js官方的路由管理器，用于实现前端单页应用的页面跳转和导航功能。
分类：Vue路由器属于前端开发领域的路由管理器。
优势：
- 实现前端单页应用，提供良好的用户体验。
- 支持路由的嵌套和动态路由配置。
- 提供路由导航守卫，可以进行路由拦截和权限控制。
- 支持路由参数传递和查询参数处理。
- 提供编程式导航和声明式导航两种方式。
应用场景：Vue路由器适用于需要实现前端单页应用的项目，例如电商网站、社交媒体应用、新闻资讯网站等。
推荐的腾讯云相关产品：
腾讯云提供了云服务器、云数据库、云存储等多种产品，可以与Vue路由器结合使用，构建完整的云计算解决方案。以下是一些推荐的腾讯云产品：
- 云服务器（CVM）：提供弹性计算能力，可用于部署Vue.js应用和Vue路由器。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供稳定可靠的数据库服务，可用于存储Vue应用的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云对象存储（COS）：提供高可靠、低成本的对象存储服务，可用于存储Vue应用的静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据项目需求和实际情况进行。
相关·内容
在组件this.$route内部有一些东西，但是没有router属性。app.jswindow.VueRouter = require('vue-router');window.Vue.use(window.VueRouter);
浏览 15提问于2017-01-17得票数 1
回答已采纳
在index.html：function demoFunction(name) {}为什么this.$router是undefined？我怎样才能得到vue-router？谢谢
浏览 2提问于2017-07-29得票数 1
回答已采纳
3回答
我有一个用Vue -路由器4运行vue 3的类星体应用程序<router-link to="/route">Go to route</router-link>
不过，我希望能够从我的方法访问路由器和路由。根据文档，我应该可以以某种方式访问路由器对象，这个.路由器？this.$route和this.$router是未定义的，据
浏览 4提问于2021-10-01得票数 1
回答已采纳
不知道如何使用vue-路由器这样做。请在下面找到我的密码：import VueRouter from 'vue-router';
vm.hovered = input goToHome(){
this$router.push('/'
浏览 2提问于2017-01-14得票数 0
'vuetify'
Vue.use(Vuetify)
routes : [ editContact: ()=>{ this$router.go(-1) //this gives an er
浏览 1提问于2017-05-04得票数 2
回答已采纳
我试过：this.$router.push({name:'MyLogin'});at eval (main.js?56d7:68)
或者如何在此组件中访问路由器。中，我使用了doLogout方法： doLogout(){
this.324上(VM2993 Na
浏览 0提问于2019-06-06得票数 1
1回答
因此，我想将baskin-robbins传递给vue js，并希望获得该品牌项目的数据。data: function(){
var slug = this<script src="https://unpkg.com/vue/dist/vue.js"></script>
<sc
浏览 0提问于2017-01-16得票数 3
回答已采纳
10回答
我试图在Vue组件中使用。组件成功编译，但随后触发错误：
name: 'CountrySelect', console.log(this.$refs, Choices
浏览 22提问于2017-09-05得票数 27
回答已采纳
我有一个包含多个组件的Vue.js应用程序，其中一些组件以如下方式使用路由器： import VueRouter from 'vue-router'; importthis.$router.push({ name: 'overview' });
浏览 2提问于2018-10-25得票数 1
回答已采纳
4回答
如何从脚本代码重定向到另一个vue页面。我使用的是router.push()，但不能重定向到我想要的vue页面。import Vue from 'vue'import HomePage from '@/componentson button click
浏览 1提问于2018-07-11得票数 3
回答已采纳
1回答
嗨，我试图从我的vue路由器传递道具，但它不打印任何东西，当登录时它返回未定义，但它的值当我尝试console.log(this.$route.params.id);当我尝试this.id返回未定义或更确切地说在我的用户模板它不输出任何东西，相同的代码在我正在观看的在线教程中工作，请帮助我，是否在最近的版本中发生了任何修改 let'id'], <div>Hello # {{id}}</div>
浏览 14提问于2021-10-07得票数 0
回答已采纳
2回答
header.vue this.logout({ router: this.但是在同一个header.vue组件中，我不能通过路由器并在store.js中读取它。它说路由器是未定义的。为什么会发生这种事，我该怎么解决呢？这是我的密码。header.vue email: this.email,
password:th
浏览 0提问于2018-03-13得票数 1
回答已采纳
如果在某些url中有查询参数，例如some.url?inviteId=123。然后用户跳转到同一站点的任何其他链接，invitedId的参数附加到其他url链接。该怎么做呢？
浏览 0提问于2018-11-21得票数 1
我在Vue路由器上遇到了一些奇怪的行为，其中路由器根据其输入对象的组装方式采取了不同的行为。下面的代码示例是一个来自组件的“方法”属性的以外。有关更多信息，请参见代码示例中的注释。{ const route = { query: {locale: newLocale},
浏览 2提问于2017-11-15得票数 0
回答已采纳
1回答
请您告诉我如何在Vue 2组合API设置函数中访问this.$refs、this.$router、this.$route？context.我使用Vue 2与组合API插件。useRoute或useRouters似乎不支持Vue 2路由器版本。useRoute和useRouters可与Vue-路由器v4一起使用.
浏览 3提问于2021-03-04得票数 3
回答已采纳
使用vue v2.5.9和vue路由器v.3.0.1。我试图使用<router-link>方法动态地将一个Vue.extend()元素插入到组件中。$router, // this.$mount(this.$refs.content);});
我遇到的问题是，this.$router在extend()方法中没有定义，所以传递给路由器链接的路
浏览 4提问于2017-12-20得票数 0
回答已采纳
1回答
为什么我的计算是未定义的
、、、
我创建了一个应用程序，它使用axios (+vue-axios)从JSON文件获取数据到Vuex存储。对于我的应用程序，我也使用Vue-路由器作为不同的视图。在我的主组件(App.vue)中我显示<router-view>
创建()：{this.$http.get(‘./静态/数据/幻灯片.error’) .then(({数据}) => { this.</
浏览 1提问于2018-07-24得票数 0
Hii我得到这个错误不能读取未定义的属性(读取'$store')：这是我的路由器(index.js) { name: 'login', meta: { }, if(this.read
浏览 161提问于2021-09-21得票数 2
顺便说一下，我正在使用vue路由器。 我的组件被分成3个文件(.vue、.html、.ts) 他是我的.ts文件，错误如下： ? 这是我的NavigationDrawer.ts文件： import Vue from 'vue' name: "NavigationDrawer['Login'].includes(this.$route.name)
浏览 29提问于2021-01-25得票数 0
1回答
我有一个vue组件，它包含一个方法，该方法包含这个路由器推送，它试图推送到另一个vue组件：...router.js path: "/viewanimal",... name: "viewanimal",
})
浏览 3提问于2020-05-29得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
