我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main.js做了全局引入:
app.config.globalProperties.$axios=axios;
然后在vue页面中是这样使用的:
import { ref, onMounted, getCurrentInstance } from 'vue' const instance = getCurrentInstance() instance?.proxy?.$toast.show('正在登陆,请勿重复点击!')
但是在request.js文件中,这么使用无效,因为getCurrentInstance必须在setup或生命周期钩子中使用。所以得换种方法:
1、在main.js导出golbalProperties:
export const globals = app.config.globalProperties
2、在request.js这么使用:
import {globals} from '../main.js' globals.$toast.show(res.message)