vue2在js中判断路由

你可以使用`vue-router`提供的`$route`对象来判断当前路由。`$route`包含了当前路由的信息，包括路由路径、参数、查询参数等。你可以通过访问`$route.path`属性来获取当前路由路径，然后使用JavaScript的字符串操作函数（如`indexOf()`、`startsWith()`等）来判断当前路由是否符合你的条件。

以下是一个示例：

if (this.$route.path.indexOf('/dashboard') === 0) {
  // 当前路由以/dashboard开头
}

你也可以使用`$route.matched`属性来获取当前路由匹配到的所有路由记录。`$route.matched`是一个数组，其中每个元素都是一个路由记录对象。你可以遍历这个数组，然后判断每个路由记录的路径是否符合你的条件。

以下是一个示例：

this.$route.matched.some(record => {
  if (record.path === '/dashboard' || record.path === '/user') {
    // 当前路由是/dashboard或/user
    return true
  }
})

另外，在`vue-router`中还有一些高级的路由匹配技巧，例如路由别名、路由命名等。你可以参考官方文档来了解更多详情。

相关问题

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>

vue2.0使用hash路由判断路由不存在,默认跳转到首页,怎么实现

要在 Vue 2.0 中使用 hash 路由判断路由是否存在并默认跳转到首页，可以使用 Vue Router 提供的导航守卫功能。

首先，在你的路由配置文件中，添加一个名为 "NotFound" 的路由，用于匹配所有不存在的路由：

const routes = [
  // 其他路由配置...
  { path: '*', component: NotFound }
]

在上述代码中，`NotFound` 是一个组件，用于显示页面不存在的提示信息。

接下来，在你的组件中，使用 Vue Router 的 `beforeEach` 导航守卫来判断路由是否存在，并在不存在时重定向到首页：

router.beforeEach((to, from, next) => {
  if (to.matched.length === 0) { // 判断路由是否存在
    next('/') // 重定向到首页
  } else {
    next() // 继续正常导航
  }
})

在上述代码中，`to.matched.length === 0` 判断了路由是否存在。如果路由不存在，则调用 `next('/')` 将导航重定向到首页；如果路由存在，则调用 `next()` 继续正常导航。

这样，当用户访问不存在的路由时，会自动重定向到首页。

请确保你已经在合适的位置引入了 Vue Router 并正确配置了路由。同时，你还需要根据实际情况修改路径和组件名称。