一般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()