当网速不好或者数据的请求比较大的的时候,用loading可以给用户一个友好的视觉效果
使用场景:
1、表格数据的获取
2、tree数据的获取
3、图片加载
使用方式:
1、在渲染数据的节点的头部写入:v-loading="loading"
2、在data里面声明:loading:false
3、触发事件时:this.loading = true
4、调用函数时:this.loading = false
注意:
1、loading为true时加载状态显示,为false时加载状态隐藏
2、调用函数隐藏时写在调用函数的回调函数里面,因为调用后端的方法是异步的,写在回调函数外面触发显示后立马触发隐藏,打不到预计效果。
例图: