Vue如何判断已经是当前页?

Vue中可以通过 `$route` 对象来获取当前路由信息，包括当前页面的路径、参数等。如果想要判断是否为当前页，可以通过比较 `$route.path` 和当前页面路径来判断，例如：

if ($route.path === '/current-page') {
  // 当前为当前页
}

另外，也可以使用 `$route.name` 来判断当前路由是否为某个特定的命名路由，例如：

if ($route.name === 'current-page') {
  // 当前为当前页
}

需要注意的是，如果使用了路由懒加载，可能需要使用 `import()` 动态引入组件，此时需要在判断当前路由是否为当前页时，使用异步组件的 `resolved` 属性，例如：

if ($route.matched[0].components.default.resolved.name === 'CurrentPage') {
  // 当前为当前页
}

其中，`$route.matched[0].components.default.resolved` 表示当前路由对应的组件对象，`name` 表示组件的名称，可以通过该属性来判断是否为当前页。

相关问题

vue2判断当前页面的路由

在Vue2中，你可以使用`$route`对象来获取当前路由信息。可以通过`$route.path`属性来获取当前页面的路由路径。以下是一个简单的示例：

// 导入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模板中调用这个方法，如下所示：

<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>

vue里怎么实现页面跳转？

在 Vue 中实现页面跳转，可以使用 Vue-Router 来实现。Vue-Router 是 Vue.js 官方的路由管理器，它和 Vue.js 的核心深度集成，可以让我们非常方便地实现单页面应用程序（SPA）的路由功能。

以下是实现 Vue 页面跳转的步骤：

1. 安装 Vue-Router

npm install vue-router --save

2. 创建路由对象

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

3. 在 Vue 组件中使用路由

<template>
  <div>
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
    <router-view></router-view>
  </div>
</template>

在上面的代码中，`<router-link>` 标签用来创建链接，`to` 属性指定链接的路径。`<router-view>` 标签用来渲染当前路由对应的组件。

通过上面的步骤，就可以在 Vue 中实现页面跳转了。当用户点击链接时，Vue-Router 会根据路由配置自动加载相应的组件，实现页面切换效果。