this.$route.name在vue路由器中为空
this.$route.name是Vue路由器中的一个属性，用于获取当前路由的名称。在Vue.js中，路由器是用来管理应用程序的不同页面之间的导航的工具。通过使用路由器，我们可以定义不同的路由规则，并在应用程序中进行页面之间的切换。
当this.$route.name为空时，可能有以下几种情况：
- 当前路由没有设置名称：在定义路由规则时，可以给每个路由设置一个名称，以便在需要时进行引用。如果当前路由没有设置名称，那么this.$route.name将为空。
- 当前路由不匹配任何已定义的路由规则：如果当前路由与任何已定义的路由规则都不匹配，那么this.$route.name将为空。这可能是因为路由规则定义错误或者当前URL路径不符合任何已定义的路由规则。
- 当前路由是动态路由：在Vue路由器中，可以定义动态路由，即路由路径中包含参数的路由。如果当前路由是动态路由，并且没有设置名称，那么this.$route.name将为空。
根据以上情况，我们可以通过检查路由是否设置了名称来确定this.$route.name是否为空。如果为空，可以尝试检查路由规则的定义，确保当前路由与已定义的路由规则匹配，并且设置了正确的名称。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算容量，支持多种操作系统，适用于各种应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高可用、可扩展的关系型数据库服务，适用于各种规模的应用程序。详细信息请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠、低成本的对象存储服务，适用于存储和处理各种类型的数据。详细信息请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详细信息请参考：https://cloud.tencent.com/product/ai
相关·内容
} from 'vue-property-decorator';
export default class NavBar extends Vue {
}</script> },});
当我在浏览器中点击下面的url时，我得到'
浏览 166提问于2019-07-25得票数 3
回答已采纳
15回答
我有这个： this.currentRoute;}, currentRoute:{ this.nombreRuta = this.$route.name; }但是路由名称的标签不改变，标签只显示第一个加载路由的名称。谢谢
用图像来展示我想要的
浏览 6提问于2018-11-02得票数 119
回答已采纳
顺便说一下，我正在使用vue路由器。 我的组件被分成3个文件(.vue、.html、.ts) 他是我的.ts文件，错误如下： ? 这是我的NavigationDrawer.ts文件： import Vue from 'vue' name: "NavigationDrawer['Login'].includes(this.$route.name</e
浏览 29提问于2021-01-25得票数 0
2回答
我用vue-cli和webpack一起建立了vue项目。然后我安装了vue-meta-info来设置seo。import Vue from 'vue';import HelloWorld from '@&#
浏览 1提问于2018-04-06得票数 9
回答已采纳
我正在尝试将类nav-active设置为正确的导航元素，这是基于您第一次直接访问webapp的url。route: '/account', }
}
} navItems中的我正在尝试使用当前的路由来确定active应该是真还是假，方法如下： active: this.$route.name === 'account' 但是有一次，例如，我直接从以
浏览 200提问于2019-04-12得票数 3
回答已采纳
我的App.vue包含以下内容： <template> <core-toolbar /> <core-view />
<但是如何检查当前路由是否为login
浏览 73提问于2019-06-20得票数 9
回答已采纳
我有一些在内部使用this.$route的组件，用于各种用途。一些简化的示例是，使用this.$route.name查找页面的i18n字符串：或者观看$route并加载某些内容： <Root>
我故意不将vue-router或我的路由对象导入到styleguide中，因为这不受支持-而且
浏览 7提问于2019-10-05得票数 0
$route.name !== r) 57 | if (this.基本上所有this.都会抛出错误。 if (this.nuxt.js (v2.14.6)
谢谢，我添加了Vue.extend({})，现在大多数错误都消失了
浏览 2提问于2020-12-10得票数 0
我有一个这样的Vue应用： <div id="app"> <div class="main"> <router-view/> <Foot/>
</div> 当我通过路由器链接更改页面时，我还想更新{{title}}字段。我的老生常谈的做法是： me
浏览 3提问于2019-12-10得票数 0
回答已采纳
2回答
我正在编写一个组件来过滤网格中的数据。该组件有多个字段，我将它们的数据存储在模型中。当用户填写一些输入并提交表单时，我就是在提交时执行此操作。methods: { await this.$router.push( name: this.$route.name,
浏览 20提问于2021-01-20得票数 0
我在Vue路由器上遇到了一些奇怪的行为，其中路由器根据其输入对象的组装方式采取了不同的行为。下面的代码示例是一个来自组件的“方法”属性的以外。有关更多信息，请参见代码示例中的注释。{ const route = { q
浏览 2提问于2017-11-15得票数 0
回答已采纳
2回答
在常规Vue.js中，我完成了以下操作：import { store } from '.store.mutations.setRoute(to); next();我如何在nuxt中获得这样的效果也就是说，无论是在初始页面加载时还是在更改页面时，我都希望更改浏览器选项卡的标题。例如，从
浏览 0提问于2018-01-17得票数 10
回答已采纳
我正在考虑向vue-app的主体添加一些数据属性，其中属性值应该是当前路由的名称。我不想使用vue-body-class包，但要让它非常简单。现在，我在我的每个主要组件中执行此操作，假设是About.vue mounted() {},
document.body.removeAttribute
浏览 16提问于2019-12-11得票数 1
1回答
我目前正在为我们的vue组件编写单元测试。我有一个问题，如果一个测试产生了一个路由器$router.push，那么jest中的路由器对象仍然具有与之前测试产生的wrapper.vm.$route.name相同的路由。 每次测试后，我尝试了我能想到的所有方法来重置它，但都没有成功。也许你有一个想法。$nextTick();
// this.$<em
浏览 33提问于2020-03-17得票数 2
4回答
我想导航到页面中的特定选项卡，使用 name: "AdminNotifications", }) mounted() {
const routeTab = this.
浏览 8提问于2022-03-14得票数 2
6回答
我正在尝试使用vue路由器创建一个简单的菜单，我喜欢迭代所有的路由并在我的菜单中显示，目前我的组件中使用的是下面的实例方法，但是我只是得到一个函数，我将如何迭代以获得不同的路由？methods : { //t returns a vue object instance
return t.
浏览 3提问于2016-03-20得票数 54
回答已采纳
我已经研究过将函数绑定到javascript中的某些变量，但在typescript中却迷失了方向。下面是我的javascript代码，然后我尝试将其重构为typescript。在开发人员工具中没有显示错误，但是vuejs的route.query根本没有变化。 if (this.$route.name === 'ch
浏览 35提问于2018-06-21得票数 2
回答已采纳
1回答
如何从Vue中的数据对象中检索数据？datasets: [{ value: "[1,2,3]" { value: "[1,4,10]]this.selectedText= this.$route.name;
例如，其中this.$route.name是&qu
浏览 8提问于2020-02-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
