elementui实现按钮跳转页面功能

要在 Element UI 中实现按钮跳转页面的功能，你可以使用 `<el-button>` 组件，并结合路由功能来实现。下面是一个示例：

1. 首先，确保你已经安装了 Vue Router 和 Element UI。

2. 在你的 Vue 组件中，引入所需的库和组件：

import Vue from 'vue'
import Router from 'vue-router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Router)
Vue.use(ElementUI)

3. 在 Vue Router 的配置文件中，定义你的路由：

import Vue from 'vue'
import Router from 'vue-router'

import HomePage from '@/components/HomePage.vue'
import AboutPage from '@/components/AboutPage.vue'

Vue.use(Router)

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

4. 在你的页面组件中，使用 `<el-button>` 组件，并通过 `this.$router.push()` 方法来实现页面跳转：

<template>
  <div>
    <el-button type="primary" @click="goToHomePage">Go to Home</el-button>
    <el-button type="primary" @click="goToAboutPage">Go to About</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    goToHomePage() {
      this.$router.push('/')
    },
    goToAboutPage() {
      this.$router.push('/about')
    }
  }
}
</script>

在上述示例中，我们定义了两个按钮，分别触发 `goToHomePage` 和 `goToAboutPage` 方法，在方法中使用 `this.$router.push()` 方法进行路由跳转。

这样，当你点击这些按钮时，页面就会根据定义的路由配置进行跳转。

希望这个示例能帮助到你实现按钮跳转页面的功能！