element loading options说明

最新推荐文章于 2024-06-13 10:36:31 发布

跳动的code

最新推荐文章于 2024-06-13 10:36:31 发布

阅读量750

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： elementui

本文链接：https://blog.youkuaiyun.com/old_black/article/details/117821605

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Element-UI中使用Loading服务实现页面加载效果，包括设置lock、文本、图标、背景颜色和遮罩区域等配置，并展示了startLoading和endLoading函数的用法。

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

import { Loading } from 'element-ui'
let loading
function startLoading() {
  loading = Loading.service({
    lock: true,                             // 是否锁屏
    text: '正在加载...',                     // 加载动画的文字
    spinner: 'el-icon-loading',             // 引入的loading图标
    background: 'rgba(0, 0, 0, 0.3)',       // 背景颜色
    target: '.sub-main',                    // 需要遮罩的区域
    body: true,                              
    customClass: 'mask',                     // 遮罩层新增类名
    fullscreen:false						// 全屏开关
  })
}
function endLoading() {
  if (loading) {
    loading.close()
  }
}