Vue3将参数发送到路由而不将它们添加到url

        正常的路由跳转

                 路由文件：

import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'
const routes: Array = [
    {
        path:"/",
        name:"Home",
        component: () => import("../views/Home.vue"),
    },
    {
        path:"/about",
        name:"About",
        component: () => import("../views/About.vue"),
    }
];

const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;

              路由跳转：

         如何将参数发送到路由而不将它们添加到url上

                显然，如果不在 url 中显示，就不再可能通过参数发送属性。这时候我们可以使用state: { ... }：

现在在页面的代码中，我们可以从中读取属性history.sate并将值放入需要的地方。

        ***注：在使用state的过程中存在一个问题，就是值无法自动置空【刷新页面无法清除，值还在】