element el-tree、el-table组件加载数据前闪现 暂无数据 清除

相信很多人在使用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 = "暂无数据";
         }
       }
     });
   }