首页 > 其他 > 详细

vue中使用loading两种方式

时间:2021-06-25 17:00:04      阅读:9      评论:0      收藏:0      [点我收藏+]

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两种方式

原文:https://www.cnblogs.com/ning-xiaowo/p/14931154.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!