关闭

element-ui 给页面上的DOM元素加loading效果

77人阅读 评论(0) 收藏 举报
分类:

一般element-ui都是给表格加loading效果,也可以给整个页面(body)加loading效果。

当然也可以页面上的任何DOM加loading效果。

在查询button的标签上添加onSearch方法。

<el-button  type="primary"  @click="onSearch">查询</el-button>
onSearch() {
    const loading = this.$loading({
      lock: true,
      text: 'Loading',
      spinner: 'el-icon-loading',
      background: 'rgba(0, 0, 0, 0.7)',
      target: document.querySelector('.div1')
    });
    setTimeout(() => {
      loading.close();
    }, 2000);
}

也有取消loading效果的方法

loading.close()
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:6613次
    • 积分:389
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论