vue+elementUI 加载中-处理
根据常规vue项目的表格数据加载逻辑,表格数据生命周期为:
加载前TableData:[]
加载中 el-table已根据TableData初始化出 “空表格”
加载后 el-table根据绑定的最新数据 生成 包含数据的表格。
结果:导致页面先显示 暂无数据,然后在数据加载完成后显示正常数据,造成逻辑错误。
解决方案:
在“表格加载”的生命周期过程中,修改表格数据为空时显示的内容
vue+elementUI 加载中-处理
根据常规vue项目的表格数据加载逻辑,表格数据生命周期为:
加载前TableData:[]
加载中 el-table已根据TableData初始化出 “空表格”
加载后 el-table根据绑定的最新数据 生成 包含数据的表格。
结果:导致页面先显示 暂无数据,然后在数据加载完成后显示正常数据,造成逻辑错误。
解决方案:
在“表格加载”的生命周期过程中,修改表格数据为空时显示的内容