vue element 针对某个div进行加载提示

5335ld

于 2020-11-05 10:21:34 发布

阅读量776

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u014722196/article/details/109505510

本文介绍了一个使用加载遮罩层的方法，通过在页面指定元素上显示加载提示，提升用户体验。该方法利用JavaScript定时器模拟加载过程，并在加载完成后关闭遮罩层。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getList() {
        let that = this
        //打卡加载遮罩层
        const loading = this.$loading({
          lock: true,
          text: '拼命加载中,请稍后...',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.5)',
          target: document.querySelector('.box')
        });
        //模拟 
        setTimeOut(function(){
		 loading.close(); //关闭加载遮罩层
		},100)
       
      },