vue 项目中使用v-loading实现加载效果

当在vue项目中请求后台接口时,常常会使用 loding 过渡数据的加载时间。
如果 loading 作为一个全局的加载状态,应该写在项目中的App.vue中
在el-table标签中添加v-loading=“loading”
在这里插入图片描述
data层添加该变量:
vue 项目中使用v-loading实现加载效果_第1张图片

在接口请求前后添加如下:
vue 项目中使用v-loading实现加载效果_第2张图片
给后台接口打个断点测试下效果如下:
vue 项目中使用v-loading实现加载效果_第3张图片

你可能感兴趣的:(前端)