基于Element的进度条Loading

基于Element的进度条loading组件
前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示,目前我使用element组件库的loading,发现不能自定义,loading的样式比较少,官方只提供修改loading的图标和文字。

但是我的需求是希望展示的是进度条一样的效果,那就不用loading组件,使用element的Progress进度条组件,自己写一个。
代码如下。组件的api可以自行添加




使用方式:
在需要遮罩的元素内放入即可,接收loading参数控制是否展示,展示时会覆盖父级元素

你可能感兴趣的:(VUE2,JavaScript,vue2_Element_UI,javascript,开发语言,ecmascript)