我有一个vue-element-loading
包,将其组件添加到了我的 page.vue 页面中:
<vue-element-loading :active="isActive" :is-full-screen="true"/>
添加了变量到数据:
data () {
return {
isActive: false,
}
}
当页面加载完毕后,触发isActive
为true
:
async created () {
this.isActive = true
await this.fetchData()
this.isActive = false
}
fetchData
是一个带有响应的axios get请求。它的主要目的是在axios正确发出请求和获得响应之前显示加载器。但现在,我的加载器只显示了0.1毫秒就消失了。
下面是fetchData
方法的代码:
fetchData () {
axios.get(globalConfig.OFFERS_URL)
.then((resp) => {
this.offersData = resp.data
console.log(resp)
})
.catch((err) => {
console.log(err)
})
},