vue3跳转页面，如何修改当前路由的name

在 Vue 3 中，你可以通过 `useRoute` 和 `useRouter` 两个函数来获取当前的路由信息和路由实例。要修改当前路由的名字，可以通过路由实例的 `name` 属性进行修改。具体实现如下：

import { useRoute, useRouter } from 'vue-router'

export default {
  setup() {
    const route = useRoute()
    const router = useRouter()

    function changeRouteName(newName) {
      // 修改当前路由的 name 属性为 newName
      route.name = newName
      // 通过 replace 方法修改当前路由信息，使其更新到浏览器历史记录中
      router.replace({ name: newName })
    }

    return {
      changeRouteName
    }
  }
}

在上面的代码中，我们通过 `useRoute` 和 `useRouter` 获取了当前的路由信息和路由实例。然后，我们定义了一个 `changeRouteName` 函数，用来修改当前路由的名字。在函数中，我们首先通过修改路由信息对象的 `name` 属性来修改当前路由的名字。然后，我们通过 `router.replace` 方法将修改后的路由信息更新到浏览器历史记录中，以保证浏览器的前进和后退按钮可以正确地使用。

最后，我们将 `changeRouteName` 函数暴露出去，以便在模板中调用。