我的apply.vue包含以下内容:
<template>
<v-app>
<core-toolbar />
<core-drawer />
<core-view />
</v-app>
</template>
但当它被路由到login页时，我想隐藏<core-toolbar />和<core-drawer />.我打算用v-if把它们藏起来.但我如何才能判断当前路由是否为login？
我的apply.vue包含以下内容:
<template>
<v-app>
<core-toolbar />
<core-drawer />
<core-view />
</v-app>
</template>
但当它被路由到login页时，我想隐藏<core-toolbar />和<core-drawer />.我打算用v-if把它们藏起来.但我如何才能判断当前路由是否为login？
是-如果使用vue-router，可以使用$route对象验证当前URL.
您可以记录route对象并进行验证.
我给路由加上名字
computed: {
isLogin() {
return this.$route.name === 'Login'
}
}
和
<template>
<v-app>
<core-toolbar v-if="isLogin"/>
<core-drawer v-if="isLogin"/>
<core-view />
</v-app>
</template>
你可以得到更多的values，比如queries/params-
在这里阅读更多Vue Router