element-ui 给页面上的DOM元素加loading效果

一般element-ui都是给表格加loading效果，也可以给整个页面（body）加loading效果。

当然也可以页面上的任何DOM加loading效果。

在查询button的标签上添加onSearch方法。

<el-button  type="primary"  @click="onSearch">查询</el-button>

onSearch() {    const loading = this.$loading({      lock: true,      text: 'Loading',      spinner: 'el-icon-loading',      background: 'rgba(0, 0, 0, 0.7)',      target: document.querySelector('.div1')    });    setTimeout(() => {      loading.close();    }, 2000);}

也有取消loading效果的方法

loading.close()