vue点击按钮跳转到fbook
时间: 2023-12-02 10:03:33 浏览: 79
您可以使用 Vue Router 路由来实现点击按钮跳转到 fbook 页面。首先,需要在 Vue 项目中安装 Vue Router,可使用以下命令:
```
npm install vue-router
```
然后,您需要在项目中创建一个 router 实例,示例代码如下:
```
import Vue from 'vue'
import Router from 'vue-router'
import fbook from '@/components/fbook'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/fbook',
name: 'fbook',
component: fbook
}
]
})
```
接着,在需要跳转的按钮中加入以下代码:
```
<template>
<div>
<button @click="goToFbook">跳转到 fbook</button>
</div>
</template>
<script>
export default {
methods: {
goToFbook() {
this.$router.push('/fbook')
}
}
}
</script>
```
这样,当用户点击按钮时,路由会跳转到 fbook 页面。
阅读全文