vue2判断当前页面的路由
时间: 2023-12-09 13:02:42 浏览: 36
在Vue2中,你可以使用`$route`对象来获取当前路由信息。可以通过`$route.path`属性来获取当前页面的路由路径。以下是一个简单的示例:
```javascript
// 导入Vue和Vue Router
import Vue from 'vue'
import Router from 'vue-router'
// 在Vue中使用Vue Router
Vue.use(Router)
// 创建路由对象
const router = new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
]
})
// 在Vue中使用路由对象
new Vue({
router,
el: '#app',
data() {
return {}
},
methods: {
// 判断当前页面的路由路径
isCurrentPath(path) {
return this.$route.path === path
}
}
})
```
在上面的示例中,我们在Vue实例中定义了一个`isCurrentPath`方法,用于判断当前页面是否为指定的路由路径。可以在Vue模板中调用这个方法,如下所示:
```html
<template>
<div>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<div v-if="isCurrentPath('/')">This is Home page</div>
<div v-if="isCurrentPath('/about')">This is About page</div>
</div>
</template>
```