ElementUI：组件库之Loading 加载

<template>
  <div v-loading="loading"></div> 
</template>
<script>
  export default {
    data() {
      return {
        loading: true
      };
    }
  };
</script>

import { Loading } from 'element-ui';
let loading = Loading.service({ 
    fullscreen: true,
    lock: true,
    text: '加载中'
});
setTimeout(() => {
   loading.close()
}, 1000);

let loading = this.$loading({ 
    fullscreen: true,
    lock: true,
    text: '加载中'
})
// 以服务的方式调用的 Loading 需要异步关闭
this.$nextTick(() => { 
  loading.close();
});