vue+elementUI 加载中-处理

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

九九八拾一

3012人浏览 · 2019-07-19 11:18:39

九九八拾一 · 2019-07-19 11:18:39 发布

vue+elementUI 加载中-处理

根据常规vue项目的表格数据加载逻辑，表格数据生命周期为：
加载前TableData:[]
加载中 el-table已根据TableData初始化出 “空表格”
加载后 el-table根据绑定的最新数据生成包含数据的表格。

结果：导致页面先显示暂无数据，然后在数据加载完成后显示正常数据，造成逻辑错误。

解决方案：
在“表格加载”的生命周期过程中，修改表格数据为空时显示的内容
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^