XCLUB-COOL STUFF AROUND YOU

 找回密码
 Register
查看: 2|回复: 0

服务

[复制链接]

69

Threads

206

Posts

462

Xpoints

XClub Official

Rank: 8Rank: 8

X'Club badge exclusive for Globalsign star1sign star2sign star3post star1X'Club badge exclusive for Egypt

发表于 2021-10-14 09:45:54 来自手机 | 显示全部楼层 |阅读模式
[div][h3 id="fu-wu"]服务[/h3][p]Loading 还可以以服务的方式调用。引入 Loading 服务:

[pre]
  1. import { Loading } from 'element-ui';[br /]
复制代码
[/pre][p]在需要调用时:

[pre]
  1. Loading.service(options);[br /]
复制代码
[/pre][p]其中
  1. options
复制代码
参数为 Loading 的配置项,具体见下表。
  1. LoadingService
复制代码
会返回一个 Loading 实例,可通过调用该实例的
  1. close
复制代码
方法来关闭它:

[pre]
  1. let loadingInstance = Loading.service(options);[br /]this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭[br /]  loadingInstance.close();[br /]});[br /]
复制代码
[/pre][p]需要注意的是,以服务的方式调用的全屏 Loading 是单例的:若在前一个全屏 Loading 关闭前再次调用全屏 Loading,并不会创建一个新的 Loading 实例,而是返回现有全屏 Loading 的实例:

[pre]
  1. let loadingInstance1 = Loading.service({ fullscreen: true });[br /]let loadingInstance2 = Loading.service({ fullscreen: true });[br /]console.log(loadingInstance1 === loadingInstance2); // true[br /]
复制代码
[/pre][p]此时调用它们中任意一个的
  1. close
复制代码
方法都能关闭这个全屏 Loading。

[p]如果完整引入了 Element,那么 Vue.prototype 上会有一个全局方法
  1. $loading
复制代码
,它的调用方式为:
  1. this.$loading(options)
复制代码
,同样会返回一个 Loading 实例。

[/div]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?Register

x
Hello {:16_13:}{:16_13:}666
回复

使用道具 举报

您需要登录后才可以回帖 登录 | Register

本版积分规则

Infinix Official Website|Infinix official mall|infinix Note 4|XCLUB-COOL STUFF AROUND YOU

GMT+8, 2021-11-27 13:44 , Processed in 0.050196 second(s), 21 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表