import Vue from 'vue'
import Loading from './alp-loading'
let instance = null
function initLoading () {
if (!instance) {
let MyLoadingComponent = Vue.extend(Loading)
instance = new MyLoadingComponent({
el: document.createElement('section')
})
document.body.appendChild(instance.$el)
}
instance.showLoading = false
}
let loading = {
show (opt) {
instance.$data.value = opt || '加载中...'
instance.showLoading = true
document.body.appendChild(instance.$el)
},
hide () {
instance.showLoading = false
}
}
export default {
install (_vue) {
if (!_vue.$loading) {
initLoading()
_vue.prototype.$loading = loading
}
},
show: loading.show,
hide: loading.hide
}
loading
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 试例： loading的js引入文件必须放<head>内 html base_loading.js 当页面资源加载...
- 原理：每发送一次请求就+1，每执行完一次请求就-1，最后数字得0 就说明都请求完了
- 实现：页面没加载完出现的loading蒙层 附上代码 <template> </template> exportd...
- redis 服务基本上坑不多，基本上注意一下几点： 主动设置 key 过期时间 注意不要有大 key 最近遇到了一...
- 原先的代码是这样的 但是呢,没有出现预期的结果,loading显示的text还是拼命加载中 so,我就这样干......
