请使用vue3的语法 路由返回上一页
时间: 2023-12-12 12:05:15 浏览: 87
vue3路由使用,vue3路由使用
好的,使用 Vue 3 的语法来实现路由返回上一页的功能,您可以使用 `router` 对象中的 `go(-1)` 方法。具体实现方式如下:
```javascript
<template>
<div>
<button @click="goBack">返回上一页</button>
</div>
</template>
<script>
import { useRoute, useRouter } from 'vue-router';
export default {
setup() {
const route = useRoute();
const router = useRouter();
const goBack = () => {
router.go(-1);
};
return {
goBack
};
}
};
</script>
```
在上述代码中,我们使用了 `useRoute` 和 `useRouter` 函数来获取当前路由和路由实例。然后,我们在 `goBack` 方法中调用 `router.go(-1)` 来返回上一页。最后,将 `goBack` 方法暴露给模板,以便在页面中使用。
阅读全文