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

vue中使用loading两种方式

上一篇:系统吞吐量(TPS)、用户并发量、性能测试概念和公式


下一篇:Gradle编译报错, 前言中不允许有内容。