el-table 返回数据为空展示 -- ::v-deep .cell:empty::before { content: "--"; color: gray; } 加班万岁!
看看是否引用了js与el-table共同属性导致。 有用1 回复 前端搬运工 7291416 发布于 2023-11-30 陕西 根据你的描述,应该是页面有添加loading,然后获取列表接口中对loading进行赋值所以才会一直加载,当接口请求结束,后台返回的表格数据是空数组,loading设置为false,才会出现暂无数据 有用 回复 dayDayUp: 已补充数据加...
“这是因为分类下没有数据,所以箭头消失了” 产品:“感觉有点奇怪,能不能保留箭头。” 我:... 查了下el-table配置,可以通过合并行或列功能来实现,load无数据时插入一条假数据,再通过合并行或列功能隐藏它 伪代码 <el-table :data="tableData" row-key="id" border ref="elTable" lazy :span-method="...
3、使用三目表达式,如果为空则显示未登录,不为空则显示后台数据。
添加样式即可`style="white-space:pre;"` <el-table-columnprop="xxx"label="abc"align="center"min-width="150"show-overflow-tooltip><templateslot-scope="scope"><spanv-html="scope.row.xxx"style="white-space:pre;"></span></template></el-table-column>...
实现el-table-column中某⼀列返回数据如果为空则显⽰指定内容 注：实现 1、el-table-column中添加formatter属性 <el-table-column label="司机名称"align="center"prop="driverName":formatter="driverNameFormat"/> 2、实现formatter⽅法 // 驾驶员姓名格式化显⽰ driverNameFormat(row) { return row....
<el-table-column label="机构名称" align="center" prop="organName" :formatter="organNameFormat" /> 2、实现 formatter 方法 // 机构名称格式化显示 organNameFormat(row) { return row.organName==null?"暂无":row.organName; }, 3、使用三目表达式,如果为空则显示暂无,不为空则显示后台数据。
<el-table-column label="机构名称" align="center" prop="organName" :formatter="organNameFormat" /> 2、实现 formatter 方法 // 机构名称格式化显示 organNameFormat(row) { return row.organName==null?"暂无":row.organName; }, 3、使用三目表达式,如果为空则显示暂无,不为空则显示后台数据。
-column> </el-table> tableData初始化值为空数组 加载中 问题详情:因为el-table中的tableData初始化值是固定的,希望打开表格时,立马出现暂无数据,而不是长时间数据加载中之后再出现暂无数据。 javascriptvue.js前端element-ui 有用关注4收藏 回复 阅读1.1k ...
1、根据你的代码el-table里面没有empty-text属性,排除自定义设置了empty-text提示文字 2、建议你暂时删除v-if="isCanSearchData"判断进行排查。 3、如果问题还存在,建议注释这段代码,复制官方示例表格代码跑一下。 4、如果问题依旧存在,全局"搜索数据加载中..."看看是否引用了js与el-table共同属性导致。 有用1 ...