element-ui loading加载样式调整

element-ui 中的 loading 加载功能,默认是全屏的加载效果,但有时候我们只需要局部的 不需要全屏,就需要自己去自定义样式,自定义的方法如下:

const loading = this.$loading({
       lock: true,
       customClass: 'create-isLoading',  // *这里设置他的class名称,这里最重要
       text: 'Loading',
       spinner: 'el-icon-loading',
       background: 'rgba(0, 0, 0, 0)'
   })

后面在style中设置


最后效果展示:
element-ui loading加载样式调整_第1张图片

你可能感兴趣的:(vue)