如何在vue.js中获取当前路线的名称？

Question

我想在模板的route's语句中使用当前的v-if名称。我读过一种复杂的第三方方式，但是我想要更好的东西。

<template v-if="$this.routes.getName() == '/customers'"> 

Answer 1

如果您使用名称注册路线，那就太简单了

您的路线

this.$route.name

那只是

Foo

它将返回this.$route.path // it will return exact path after domain i.e. www.google.com/foo if(this.$route.path === '/foo') { console.log('I am on foo route') }

您可以与名称进行比较，但是如果要与路径进行比较

console.log(this.$route)

尝试登录您的路线对象，并探索还有什么

{{1}}