element ui 的v-loading使用的是这个样式,背景颜色和字体颜色可以自行更改。
v-loading绑定你的变量名
element-loading-text加载服务器托管网文案
element-loading-spinner和element-loading-background属性分别用来设定图标类名和背景色值
数据加载之前显示loading
数据服务器托管网code不为0 显示异常
接口返回空 数据显示暂无数据
接口返回值 正常循环展示
疯狂加载中...
数据异常,请稍后再试
暂无数据
{{item.label}}
{{item.value}}
export default {
data() {
return {
loading: false,
list: [],
abnormal: false,
}
},
mounted() {
this.getList();
},
methods: {
this.loading = true;
//请求api
getList() {
let data = {
page: 1,
size: 1,
}
getList(data).then((response) => {
if(response.data.code === 0) {
this.list = response.data.data;
this.loading = false;//请求完毕 loading设置为false
this.abnormal = false;
} else {
this.abnormal = true;//异常
}
}
}).catch((err) => {
console.log("err: ",err);
this.loading = false;//请求完毕 loading设置为false
})
}
},
}
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: 19. 从零开始编写一个类nginx工具, 配置数据的热更新原理及实现
OSC 请你来轰趴啦!1028 苏州源创会,一起寻宝 AI 时代 wmproxy wmproxy是由Rust编写,已实现http/https代理,socks5代理, 反向代理,静态文件服务器,内网穿透,配置热更新等, 后续将实现websocket代理等,同时会…