Vue与ElementUI的v-loading控件
Vue与ElementUI的v-loading控件
·
Vue与Element的v-loading控件
在需要添加loading动画的组件中加入v-loading="xxx"
, xxx为true
时表示加载,false
时关闭加载,默认样式如下:
如果要修改样式或者添加文字,则使用element-loading
进行修改
添加加载中提示文字:element-loading-text="拼命加载中"
修改加载中动画:element-loading-spinner="el-icon-loading"
最终效果为:
v-loading="xxx"
使用时绑定变量动态修改true或false,在需要修改此变量的地方可封装一个loading函数
,增加timeout
设置,加载超时后停止此加载动画
更多推荐
已为社区贡献1条内容
所有评论(0)