elemen-ui官方使用
<el-table
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
:data="tableData"
style="width: 100%">
loading加载事件属性解释
element-loading-text
在绑定了v-loading
指令的元素上添加element-loading-text
属性,其值会被渲染为加载文案,并显示在加载图标的下方
element-loading-spinner
和element-loading-background
属性分别用来设定图标类名和背景色值。
作为小白,这次主要记录的问题是,自定义element-ui loading 加载动画
网络查找,思路基本就是这么个思路文章来源:https://www.toymoban.com/news/detail-513493.html
直接在全局样式文件中修改: 或者在 app.vue 文件中设置也可以文章来源地址https://www.toymoban.com/news/detail-513493.html
//index.scss 我这里是 index.scss 文件
//自定义 加载动画
.el-loading-spinner {
background-image:url('../assets/loading_images/loading.gif'); // 这个是自己想设置的 gif 加载动图
background-re
到了这里,关于vue element-ui Loading加载事件的使用以及自定义Loading加载动画的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!