vue3中点击路由跳转
时间: 2023-12-13 12:31:18 浏览: 148
vue3.0+element-plus的一个子路由跳转
在Vue3中,可以使用`useRouter`来进行路由跳转。具体步骤如下:
1. 从`vue-router`中引入`useRouter`。
```javascript
import { useRouter } from 'vue-router'
```
2. 在组件中使用`useRouter`。
```javascript
const router = useRouter()
```
3. 在需要跳转的地方使用`router.push`方法。
```javascript
router.push('/path/to/route')
```
其中,`/path/to/route`是你需要跳转的路由路径。
下面是一个完整的例子:
```javascript
<template>
<button @click="goToRoute">Go to Route</button>
</template>
<script>
import { useRouter } from 'vue-router'
export default {
setup() {
const router = useRouter()
const goToRoute = () => {
router.push('/path/to/route')
}
return {
goToRoute
}
}
}
</script>
```
阅读全文