17 使用vue做一個有逼格的請求等待動畫

點擊登錄按鈕的時候，登錄等待頁面效果為

 

 

 代碼為（核心代碼已經重點標注，想用哪里放哪里，so easy!）

<template>
    <div>
      <el-button type="" @click="submitLogin">登錄</el-button>
             <div style="height:500px" v-loading="loading" element-loading-text="正在登錄..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
                這是登錄內容
        </div>
    </div>
</template>

js中

            submitLogin() {
              this.loading=true
            }