给自己打个小广告: 有开发APP、小程序、网站、后台系统需求 或者 想学习前端的可以私信我哈！ Element 提供了两种调用 Loading 的方法：指令和服务。对于自定义指令v-loading，只需要绑定Boolean即可。默认状况下，Loading 遮罩会插入到绑定元素的子节点，通过添加body修饰符，可以使遮罩插入至 DOM 中的 body 上
在某页单独的地方进行设置该组件很容易 直接按照官网实例写即可
但是像之前我们要求的那样，每次和后端的交互都要显示loading框的话，我们通常是把该组件写在封装好的axios.js文件中，这时候就有一个区域显示的问题，我的做法是把系统除了顶部导航和菜单栏之外的内容部分的顶层ＤＩＶ加入一个唯一的class，然后通过对 target 参数的设置 借助 document.querySelector 方法实现区域覆盖。
get: function (url, params = {}) { let loadingInstance = Loading.service({ text: '请稍等', target: document.querySelector('.loadingtext') }); instance.defaults.headers.common['Authorization'] = Cookies.get('access_token'); return new Promise((resolve, reject) => { instance.get(url, { params: params }) .then( (response) => { if(response.data.code){ loadingInstance.close(); resolve(response.data); } else { loadingInstance.close(); resolve(response.data); } }) .catch( (error) => { this.$get( this.$url + 'error/error',{api_url: url, send_data: params,http_options: 1}) .then( (data) => { }) .catch( (error) => { }) loadingInstance.close(); reject(error) }) }) }, [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m92vLgz0-53)(https://img-blog.csdn.net/?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjg1ODQ2ODU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)]
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/204798.html原文链接：https://javaforall.net
