vue点击跳转自己本页面

你可以使用 Vue Router 中的 `<router-link>` 来实现跳转。如果你想跳转到同一个页面，可以将 `to` 属性设置为当前路由的路径。

示例代码：

<router-link :to="{ path: $route.path }">点击跳转</router-link>

该代码将在当前页面中渲染一个链接，点击该链接将跳转到当前页面的路径。请确保你已经正确设置了 Vue Router 并且路由在该路径下是有效的。

相关问题

vue点击跳转到新页面

你可以使用 `router-link` 或者 `this.$router.push` 实现 Vue 点击跳转到新页面的功能。

使用 `router-link`：

<router-link to="/new-page">点击跳转到新页面</router-link>

使用 `$router.push`：

this.$router.push('/new-page');

在 Vue 中使用路由需要先安装 `vue-router`，然后在 `main.js` 中引入并使用它：

import VueRouter from 'vue-router';
import App from './App.vue';

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    // 定义路由
    {
      path: '/new-page',
      component: NewPageComponent
    }
  ]
});

new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

其中，`NewPageComponent` 是你要跳转到的页面组件。

vue点击跳转页面

在 Vue 中，你可以使用 Vue Router 来进行页面跳转。以下是一个简单的例子：

首先，需要在项目中安装 Vue Router：

npm install vue-router

然后，在 main.js 中配置路由：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这里定义了两个路由：'/' 和 '/about'，分别对应 Home 和 About 组件。

接下来，在组件中使用 `router-link` 来进行跳转：

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

这里使用了 `to` 属性来指定跳转的路径。

当点击链接时，Vue Router 会自动跳转到对应的路由，加载对应的组件。