el-dialog中 el-loading 全局loading和局部loading使用方式

全局loading

全局效果图

// An highlighted block
// 引用组件
import { Loading }from 'element-ui'
//定义loading
loading = Loading.service({
    lock: true,
    text: '加载中……',
    background: 'rgba(0, 0, 0, 0.7)'
})
// 数据加载完成后调用close方法来关闭加载指示器和遮罩层
loading.close()

局部loading

居中的图片: ![Alt](https://img-home.csdnimg.cn/images/2022052410
局部居中效果图

// An highlighted block
 <el-dialog title="上传文件" append-to-body :visible.sync="dialog" width="30%">
      <div v-loading="loading" >
      </div>
 </el-dialog>

请求接口时给loading赋值