this.$modal.loading 若依中是如何封装的
时间: 2023-07-26 19:10:21 浏览: 179
若依之中对于axios的封装
在若依中,this.$modal.loading 是封装在 Vue.prototype 上的一个方法,用于显示全局的 loading 状态。具体实现步骤如下:
1. 在 Vue.prototype 上加入 $modal 对象,用于存放 modal 相关的方法和配置。
```
Vue.prototype.$modal = {
loading: function() {},
messageBox: function() {},
confirm: function() {},
close: function() {}
};
```
2. 在 $modal 对象上添加 loading 方法,用于显示 loading 状态。
```
loading: function(options) {
const defaultOptions = {
lock: true,
text: "加载中...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)"
};
const opts = Object.assign({}, defaultOptions, options);
const loading = Loading.service(opts);
return loading;
}
```
3. 在 loading 方法中使用了 Element UI 的 Loading 组件来显示 loading 状态,并且可以传入一些参数来配置 loading 的样式和行为。
4. 在组件中使用 this.$modal.loading() 即可调用该方法显示 loading 状态。
阅读全文