element el-tree、el-table组件加载数据前闪现 暂无数据 清除
阅读原文时间:2022年04月02日阅读:1

相信很多人在使用element  el-tree、el-table组件加载数据前会显示一个“ 暂无数据 ”,体验很不友好,有没有办法处理不显示呢?答案是:有的。废话不多说直接上代码解说:


data() {
return {
tableData: [],
dataText: "" //进去页面先让字样为空
};
},

//请求数据
goodsList() {
//先将变量清空
this.dataText = "";
this.$request(
this.$config.baseApi + "/user/address/inde", "get" ).then(res => {
if (res.code === 200) {
this.tableData = res.data.content;
// 当请求后台,数据为空时,再让页面显示暂无数据
if (this.tableData.length === 0) {
this.dataText = "暂无数据";
}
}
});
}