loading的注册用法

悠然见南山the

于 2023-04-07 11:07:29 发布

阅读量337

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43507141/article/details/130007642

版权

该文章展示了如何在Vue项目中集成并使用ElementUI的Loading组件。通过导入和注册Loading指令，可以方便地在el-table等组件上应用加载效果，自定义加载文本和图标，以提供更好的用户体验。

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

main.js

import { Loading} from 'element-ui';
// 注册 Element UI Loading 组件
Vue.use(Loading.directive);
directives: { Loading: Loading.directive }

组件

<el-table
      :data="tableData"
      height="calc(100vh - 63px)"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-spinner="el-icon-loading"
    >