我做的是路由跳转,因为需要支持跨项目使用,所以才使用这个方法
在router.js中
import { createRouter, createWebHistory } from 'vue-router';// 创建路由实例和路由配置...
export const router = createRouter({history: createWebHistory(),routes: [// 路由配置...]
});
在main.js中
import { createApp } from "vue";
import { router } from "./router";// 创建Vue应用实例app
const app = createApp(App);// 创建自定义方法
app.config.globalProperties.navigateTo = (path) => {router.push(path);
};app.use(router).mount("#app");
在某组件中
<template><button @click="navigateTo('/about')">Go to About</button>
</template>