VueRouter this.$route未定义
VueRouter是Vue.js官方提供的路由管理器，用于实现前端路由功能。this.$route是VueRouter提供的一个属性，用于获取当前路由的信息。如果在使用VueRouter时出现this.$route未定义的错误，可能是以下几个原因导致的：
- 未正确安装VueRouter：在使用VueRouter之前，需要先通过npm或者CDN引入VueRouter，并在Vue实例中使用Vue.use()方法安装VueRouter插件。确保已正确安装VueRouter。
- 未在Vue实例中注入VueRouter：在创建Vue实例之前，需要将VueRouter实例注入到Vue实例中，以便在组件中使用this.$route属性。可以通过在Vue实例的router选项中指定VueRouter实例来实现注入。
- 组件未在路由中注册：如果某个组件需要使用this.$route属性，需要将该组件在路由中注册。在VueRouter的routes选项中定义路由规则，并将组件与对应的路由路径进行关联。
- 组件未通过路由跳转访问：this.$route属性只在通过路由跳转访问的组件中才能获取到。如果在非路由跳转的情况下访问this.$route属性，会出现未定义的错误。
综上所述，要解决this.$route未定义的问题，需要确保已正确安装VueRouter、在Vue实例中注入VueRouter、将组件在路由中注册，并通过路由跳转方式访问组件。以下是腾讯云相关产品和产品介绍链接地址：
相关·内容
head>
{{message}}
const routes = [];
routes el: '#app', data: {
message: this.$route.quer
浏览 49提问于2020-03-28得票数 0
回答已采纳
1回答
// Create tagname with dynamic currency parameter from banking app let queryParamCurrency = (this.$route.query.currency) ? `- ${ this.[routeName].replace(/-/, queryParamCurrency) : null
浏览 9提问于2022-08-15得票数 0
1回答
我一直在搜索gettin URL查询参数，建议的大多数位置如下：$route是未定义的，您需要做一些特殊的事情才能让它正常工作吗？多亏了塔那索斯，我找到了一个解决办法：mode: 'history',});
el: '#index',mounted: function ()
浏览 0提问于2018-07-11得票数 0
回答已采纳
this.$router和this.$route在以下上下文中不可用：import Vue from 'vue';import routes from/services/store'
log.setLevel(&quo
浏览 1提问于2017-10-27得票数 1
回答已采纳
doSomething.ts console.log(`hello ${name}`);
this$router.push({ path: "/" }); // this.$router not defined!
浏览 12提问于2022-07-22得票数 0
下面是我的路由定义：import VueRouter from 'vue-router'; export default { console.log(this.user); return {}
浏览 3提问于2017-01-20得票数 7
我试图获得查询参数code，但$route.query始终是空的。我对每个文档都使用了函数模式。少了什么？const router = new Router({ { component: Home, }})<template> <Na
浏览 0提问于2019-05-25得票数 4
回答已采纳
2回答
ATM机我不太清楚如何从以下网址中获取ID：我有预感这需要Vue路由器和$route.params.id？基本上，我想在我的form.listing中获得用户申请的清单的ID。listings"], ...mapGetters(["loggedInUser"]) submit() {
this
浏览 3提问于2020-09-01得票数 0
回答已采纳
1回答
在我的组件中，我想检查$route的参数，但它总是未定义。我已经查看了文档并模拟了$route来设置它，但是$route似乎没有被模拟。我也试过使用localVue.use(VueRouter)，认为它可以设置$route，但它没有。my-component.ts @Component get organisationId() {
return thisconst
浏览 130提问于2021-04-30得票数 2
1回答
我正在尝试使用查询字符串(用于path的查询字符串)将路由定义为外部链接，方法如下所示： { name: 'Home', },
但我遇到了一个错误，因为“无法读取未定义的属性
浏览 3提问于2021-11-18得票数 0
回答已采纳
2回答
我正在尝试从Django获取数据到Vuetemplate变量。 views.py def index(request): return render(request, 'index.html',{'myvar':myvar}) 在index.html中 <span> {{ myvar }} </span> 正在运行，并且显示为1，但是我如何才能将这个1/myvar转换为vue实例中的数据呢？ var app = new Vue({ data: {
// her
浏览 53提问于2021-11-02得票数 0
我在一个Django项目的基础上使用了Vue3 CDN，在这个项目中我添加了VueRouter，在我决定给路由对象添加名称之前，它运行得非常好。({// mode: history,
data() {}, isFocus(){
return this.$route</
浏览 13提问于2022-02-05得票数 0
(看来您不能在Stackoverflow上使用路由，所以也请看一下JSFiddle：上的代码片段)Vue.use(VueRouter);
el: '#app', mode: 'history', computed: { return this.$route.fullPath },
浏览 0提问于2018-08-29得票数 2
回答已采纳
只是this.$route.router.go('/ourmenu')没有进行重定向。我想知道这是不是在Nuxt中重定向的正确方式，或者它是否需要不同的方式。import Vue from 'vue'
window.onNuxtReady(() =$route.router.go('/ourmenu
浏览 4提问于2019-08-02得票数 0
$refs.topLoader.start(); this./routes/routes'
});
我在routes文件中有3个路由('/'，
浏览 2提问于2018-11-11得票数 0
1回答
为此，我尝试使用this.$route.name，但只有在控制台记录它时才会在控制台中得到未定义的信息。我已经创建了一个检查路由名称的方法，并在组件被挂载时调用它，即使用挂载功能。this.getrouteflags(); id}, getrouteflags: function(){ if(this.$<e
浏览 3提问于2022-09-15得票数 0
在组件this.$route内部有一些东西，但是没有router属性。app.jswindow.VueRouter = require('vue-router');window.Vue.use(window.VueRouter);
{ path: '
浏览 15提问于2017-01-17得票数 1
回答已采纳
这里有一个示例Vue路由器，它首先处理登录，然后再使用特定的id访问表单： routes: [component: Login} });
是否有一种方式使登录仍然可以访问传递的:id参数，因为当我运行时，它直接重定向到login组件，当我尝试在登录组件中记录this$route.params.id时，它是未定义的。有办法在重定向时传递:id吗？
浏览 0提问于2018-04-20得票数 11
回答已采纳
我已经初始化了这样一个路由器：import VueRouter from 'vue-router'Vue.use(VueRouter)
const router= new VueRouter({ { p
浏览 0提问于2018-06-13得票数 2
回答已采纳
2回答
一些旨在澄清以下问题的守则：import { route } from 'quasar/wrappers' Vue.use(VueRouter)
const Router = new VueRouter
浏览 1提问于2020-07-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
