element - - - - - 你不知道的loading使用方式
创始人
2025-05-28 15:23:56
0次

求人不如求己

你不知道的loading使用方式

  • 1. 指令方式使用
    • 1.1 默认loading
    • 1.2 自定义loading
    • 1.3 整页加载
  • 2. 服务方式使用
    • 2.1 this.$loading的使用
    • 2.2 Loading.service的使用

关于页面交互，最害怕的就是接口等待时间太长，用户体验不好。

而如何提高用户体验呢？接口返回速度这个是后端同学去优化，前端同学也可通过加载loading来优化体验

Element 提供了两种调用 Loading 的方法：指令和服务

详情可查看官网 : Element Loading 加载

1. 指令方式使用

1.1 默认loading

对于自定义指令v-loading，只需要绑定Boolean即可。默认状况下，Loading 遮罩会插入到绑定元素的子节点，通过添加body修饰符，可以使遮罩插入至 DOM 中的 body 上。

使用方式如下：

1.2 自定义loading

在绑定了v-loading指令的元素上添加element-loading-text属性，其值会被渲染为加载文案，并显示在加载图标的下方。类似地，element-loading-spinner和element-loading-background属性分别用来设定图标类名和背景色值。

使用方式如下：

1.3 整页加载

当使用指令方式时，全屏遮罩需要添加fullscreen修饰符（遮罩会插入至 body上），此时若需要锁定屏幕的滚动，可以使用lock修饰符；当使用服务方式时，遮罩默认即为全屏，无需额外设置。

使用方式如下：

2. 服务方式使用

如果完整引入了 Element，那么 Vue.prototype 上会有一个全局方法 $loading，它的调用方式为：this.$loading(options)，同样会返回一个 Loading 实例。

以服务的方式调用的 Loading 需要异步关闭

2.1 this.$loading的使用

2.2 Loading.service的使用
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：用于特征提取的 LiDAR 数据

下一篇：Wordpress基本配置

相关内容

热门资讯

小学教育见习报告 小学教育见习报告小学教育见习报告 月22日早上，我们07级汉语言文学（小学教育）专业的学生来到了久负...
员工离职报告 员工离职报告范文3篇　　在当下这个社会中，报告十分的重要，报告包含标题、正文、结尾等。那么一般报告是...
大学生心理健康的自我成长报告 大学生心理健康的自我成长报告范文1000字　　在当下这个社会中，需要使用报告的情况越来越多，要注意报...
开题报告的文献综述怎么写 　　文献综述是研究者在其提前阅读过某一主题的文献后，经过理解、整理、融会贯通，综合分析和评价而组成的...
九九重阳节活动简报 九九重阳节活动简报（通用16篇）　　在日常学习、工作抑或是生活中，很多地方都会使用到简报，简报不是一...
初中生课外阅读情况调查报告 初中生课外阅读情况调查报告　　一、调查目的　　在日常语文教学过程中，我们经常可以发现学生们由于积累不...
参观学习报告 参观学习报告　　在日常生活和工作中，报告有着举足轻重的地位，其在写作上有一定的技巧。那么，报告到底怎...
综治工作述职报告 综治工作述职报告（精选7篇）　　光阴的迅速，一眨眼就过去了，回顾过去的工作，倍感充实，收获良多，将过...
经营分析报告 经营分析报告（精选5篇）　　在生活中，报告有着举足轻重的地位，报告具有双向沟通性的特点。其实写报告并...
大学生调查报告 大学生调查报告13篇　　随着个人的素质不断提高，我们都不可避免地要接触到报告，我们在写报告的时候要注...
开题报告的内容与撰写要求 　　开题报告的内容一般包括：题目、立论依据(毕业论文选题的目的与意义、国内外研究现状)、研究方案(研...
寒假实践报告 寒假实践报告范文【5篇】　　在我们平凡的日常里，报告有着举足轻重的地位，其在写作上有一定的技巧。一起...
实习报告个人总结 实习报告个人总结　　导语：个人总结，就是把一个时间段的个人情况进行一次全面系统的总检查、总评价、总分...
家乡民俗文化调查报告 家乡民俗文化调查报告（精选10篇）　　要去了解一件不明白的事情时，我们通常要进行专门的调查研究，并且...
保险公司实习报告 保险公司实习报告　　我们眼下的社会，报告的使用频率呈上升趋势，我们在写报告的时候要注意逻辑的合理性。...
英国留学申请时间 　　有意申请2015秋季英国大学的同学，现在就必须开始提交申请了。基础申请材料包括：成绩单、在读证明...
文明社区自查报告 文明社区自查报告（通用20篇）　　随着社会一步步向前发展，越来越多人会去使用报告，写报告的时候要注意...
错别字调查报告 错别字调查报告(汇编15篇)　　在经济发展迅速的今天，报告与我们的生活紧密相连，其在写作上具有一定的...
城镇化建设问题调研报告 生态文明建设调研报告推荐度：新农村建设调研报告推荐度：生态文明建设调研报告推荐度：小城镇建设调研报告...
房地产销售述职报告 房地产销售述职报告15篇　　我们眼下的社会，报告与我们的生活紧密相连，不同种类的报告具有不同的用途。...