门户网站解决方案,网店运营实务,网页贷款,wordpress的访问地址业务需求#xff1a;需要做到table表格中某些行数据不能被选中#xff0c;比如在审核一些记录数据时#xff0c;已经被审核的数据就不能再次提交审核#xff0c;特别是批量多选的情况#xff0c;列表中既有已经审核的#xff0c;也有未审核的#xff0c;只要求选中未审核…业务需求需要做到table表格中某些行数据不能被选中比如在审核一些记录数据时已经被审核的数据就不能再次提交审核特别是批量多选的情况列表中既有已经审核的也有未审核的只要求选中未审核的记录即可当然也可以提前把已经审核的数据过滤掉。
做到如下效果点击全选仅仅未被审核的被选中 官网寻找解决办法 发现列有一个selectable属性描述为仅对 typeselection 的列有效类型为 FunctionFunction 的返回值用来决定这一行的 CheckBox 是否可以勾选正好符合解决上述需求。
解决方案如下
1、选择列加上checkSelectable()方法 !-- 列表项 --el-table v-loadingloading :datarecordsList selection-changehandleSelectionChange stripeel-table-column typeselection width55 aligncenter :selectablecheckSelectable/el-table-column label编号 aligncenter propcode min-width120pxclass-namesmall-padding fixed-width fixedleft/el-table-column label用户 aligncenter propuserCode min-width100px/....../el-table
2、methods()方法内定义可以被选中的条件 methods: {/** 只能选择未审核的记录 */checkSelectable(row) {return row.auditStatus 0},... ...
通过以上两步即可解决table中某些数据行不能被选中的业务需求。
