this.$router.back() 可以在vue3使用吗

可以，在 Vue 3 中，使用 `this.$router` 访问路由器对象的方式已经被废弃。相反，你可以使用 `useRouter` 函数从 Vue Router 包导入，并在组件中使用它。然后，你可以使用 `router` 对象上的 `back()` 方法返回前一个路由。

以下是一个示例：

import { useRouter } from "vue-router";

export default {
  setup() {
    const router = useRouter();

    const goBack = () => {
      router.back();
    };

    return { goBack };
  },
};

在这个示例中，我们从 `vue-router` 包导入 `useRouter` 函数，并在 `setup` 函数中调用它。然后，我们可以使用 `router` 对象上的 `back()` 方法返回前一个路由。最后，我们将 `goBack` 方法暴露给组件，以便在模板中使用。

相关问题

this.$router.back()、this.$router.go(-1)的区别使用

`this.$router.back()` 和 `this.$router.go(-1)` 都可以返回上一个页面，但是它们的使用场景稍有不同。

`this.$router.back()` 是 Vue Router 提供的方法，用于返回上一个访问的页面。它会返回到浏览器的历史记录中最近的一个页面。如果当前页面是从其他页面跳转过来的，那么返回的就是上一个页面。如果当前页面是用户手动输入 URL 进入的，那么返回的就是浏览器中的上一个历史记录。

而 `this.$router.go(-1)` 则是通过跳转到指定的页面来实现返回上一个页面的效果。`go()` 方法接收一个整数参数，该参数表示要前进或后退的步数。如果参数为正数，表示前进；如果参数为负数，表示后退。而 `-1` 表示后退一步，即返回上一个页面。

综上所述，如果你想要返回上一个页面，可以使用 `this.$router.back()`，但如果你需要返回上上个页面或者更多步，就应该使用 `this.$router.go(-n)`。

this.$router.back

在Vue中，`this.$router.back()`是一个用于返回上一个页面的方法。它会导致页面回退，并保留原页面中的表单数据。同时，它也可以在返回页面时传递参数。 与之相比，`this.$router.go(-1)`也可以实现返回上一个页面的功能，但是它会清空原页面的表单数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [router route $router $route 这四者的区别](https://blog.csdn.net/ll123456789_/article/details/128390752)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue------this.$router.back()、this.$router.go()的异同](https://blog.csdn.net/COCOLI_BK/article/details/125008955)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]