Vue2封装自定义全局Loading组件

前言

在开发的过程中，点击提交按钮，或者是一些其它场景总会遇到Loading加载框，PC的一些UI库也没有这样的加载框，无法满足业务需求，因此可以自己自定义一个，实现过程如下。

效果图

如何封装？

第1步：创建要封装成全局组件的文件

第2步：注册组件

Loading这类的通用组件一般定义为全局组件，那么直接在main.js文件中全局注册。

import SelfLoading from '@/components/Loading'
Vue.component('SelfLoading', SelfLoading)

第3步：使用组件

图片在这里

图片右击另存为即可，好像会有CSDN自动添加的水印，不太知道怎么去除，需要原图的可以在评论区留下你的邮箱地址。