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属性一致