el-card跳转页面

对于 el-card 组件的页面跳转，你可以使用 Vue Router 来实现。以下是一个示例代码：

首先，确保你已经安装了 Vue Router：

npm install vue-router

然后，在你的 Vue 项目中，创建一个 router 实例，并在 main.js 中使用该实例：

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

Vue.use(VueRouter)

const routes = [
  { path: '/home', component: Home }, // 设置 home 页面的路由
  { path: '/about', component: About } // 设置 about 页面的路由
]

const router = new VueRouter({
  routes
})

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

接下来，在 el-card 组件中添加按钮，通过 router-link 来实现跳转：

<el-card>
  <div slot="header">
    Card Title
  </div>
  <div>
    Card Content
  </div>
  <div slot="footer">
    <router-link to="/home">Go to Home</router-link> <!-- 跳转到 home 页面 -->
    <router-link to="/about">Go to About</router-link> <!-- 跳转到 about 页面 -->
  </div>
</el-card>

这样，当用户点击 "Go to Home" 或 "Go to About" 按钮时，就会进行相应的页面跳转。

请注意，以上代码只是一个简单的示例，你可以根据自己的实际需求进行修改和扩展。