vue中使用loading兩種方式

1.使用自定義默認組件  用於table

      v-loading="dataListLoading"  table綁定

     dataListLoading: false,   data中聲明

     this.dataListLoading = true 開啟

     this.dataListLoading = false  關閉

 

2.自定義

      //    var   loadCancel = this.$loading({
      //     lock: true, // lock的修改符--默認是false
      //     text: 'Loading', // 顯示在加載圖標下方的加載文案
      //     spinner: 'el-icon-loading', // 自定義加載圖標類名
      //     background: 'rgba(255, 255, 255,0.4)', // 遮罩層顏色
      //     target: document.querySelector('#showLoadingByL')// loadin覆蓋的dom元素節點

      //   })
----------------------------------

      // loadCancel.close()   關閉

自定義loading中 不設置屬性就會與table中綁定的loading屬性一致