Vue与ElementUI的v-loading控件

Vue与Element的v-loading控件

在需要添加loading动画的组件中加入v-loading="xxx", xxx为true时表示加载,false时关闭加载,默认样式如下:
Vue与ElementUI的v-loading控件_第1张图片
如果要修改样式或者添加文字,则使用element-loading进行修改
添加加载中提示文字:element-loading-text="拼命加载中"
修改加载中动画:element-loading-spinner="el-icon-loading"
最终效果为:
Vue与ElementUI的v-loading控件_第2张图片
v-loading="xxx"使用时绑定变量动态修改true或false,在需要修改此变量的地方可封装一个loading函数,增加timeout设置,加载超时后停止此加载动画

你可能感兴趣的:(python,vue,vue.js,javascript,ecmascript)