el-tab-pane点击跳转页面

el-tab-pane是一个Vue组件，用于在标签页中显示内容。它本身不能直接跳转页面，但可以与Vue Router结合使用，通过路由跳转来实现页面切换。

下面是一个使用el-tab-pane和Vue Router实现页面切换的示例：

<el-tabs>
  <el-tab-pane label="首页" name="home">
    <!-- 首页内容 -->
  </el-tab-pane>
  <el-tab-pane label="关于我们" name="about">
    <!-- 关于我们内容 -->
  </el-tab-pane>
  <el-tab-pane label="联系我们" name="contact">
    <!-- 联系我们内容 -->
  </el-tab-pane>
</el-tabs>

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

// 注册Vue Router插件
Vue.use(VueRouter)

// 定义路由
const routes = [
  { path: '/home', component: Home },
  { path: '/about', component: About },
  { path: '/contact', component: Contact }
]

// 创建路由实例
const router = new VueRouter({
  routes
})

// 渲染组件
new Vue({
  el: '#app',
  router,
  template: '<el-tabs><el-tab-pane label="首页" name="home"></el-tab-pane><el-tab-pane label="关于我们" name="about"></el-tab-pane><el-tab-pane label="联系我们" name="contact"></el-tab-pane></el-tabs>'
})

在上面的示例中，我们定义了三个el-tab-pane，分别对应着三个页面：首页、关于我们、联系我们。然后我们使用Vue Router定义了这三个页面的路由，并创建了一个路由实例。最后我们将路由实例传给Vue实例，并渲染el-tabs组件。

这样，当我们在el-tabs组件中切换标签页时，Vue Router会根据当前标签页的name属性来匹配路由，然后加载对应的组件，实现页面切换。