在vue2 中 我们在main.js中引入elementUI use挂载后可以直接在页面中通过this.$message去调用element中的方法,而vue3这种不再适用
我们可以在utils 中 新建useCurrentInstance.ts 文件
import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
const { appContext } = getCurrentInstance() as ComponentInternalInstance
const proxy = appContext.config.globalProperties
return {
proxy
}
}
在需要使用element中$message,$confirm的地方引入
import useCurrentInstance from '@/utils/useCurrentInstance'
const { proxy } = useCurrentInstance()
之后通过proxy.$message的方式去调用即可