问题描述vue3项目中使用element-plus自动引入遇到ElLoading、ElMessage、ElNotification、ElMessageBox样式丢失的问题。原因分析：废话少说，以ElLoading为例，下面是使用的代码片段：import{ElLoading}from"element-plus";console.log(ElLoading);ElLoading.service({lock:true,text:"在努力获取数据啦~"});打印了一下ElLoading是否正常导入，发现是没问题的。然后F12看了一下样式，发现class正常插入，但是没样式，也就是样式丢了。ElMess

按需引入后ElMessage与ElLoading 的问题，两步优雅解决找不到名称“ElMessage”问题。不需要导入npm包，不需要下载任何东西，只要五行代码目录1、添加ElementPlus组件库1.2、下载1.2、自动导入(官方推荐)2、按需引入后ElMessage与ElLoading 的问题2.1、解决问题2.2、下面是分析原因,有兴趣可以看一下1、添加ElementPlus组件库1.1、下载 npmnpminstallelement-plus--save  yarn  yarnaddelement-plus 1.2、下载element-iconnpminstall@element-p

在vue3中引入element-plus的loading跟vue2差别还是有的写法：import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.

在vue3中引入element-plus的loading跟vue2差别还是有的写法：import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.