企业官网建设流程全解析

临沂网站建设求职简历,郑州做网站公司汉狮,在线教育网站建设,网站手机版开发vxe-table踩坑记录 表格编辑功能 edit-config配置 editConfig: {trigger: manual,mode: row,showUpdateStatus: true,autoClear: false,}开了显示更新状态字段#xff0c;保存成功后#xff0c;需要刷新可编辑单元格为已保存状态#xff0c;否则数据更新成功且退出编辑状态manual,mode:row,showUpdateStatus:true,autoClear:false,}开了显示更新状态字段保存成功后需要刷新可编辑单元格为已保存状态否则数据更新成功且退出编辑状态仍显示数据出于更新状态左上角小红三角。// 局部更新单元格为已保存状态await$table.reloadRow(row,null,businessDate);await$table.reloadRow(row,null,machineWeight);取消编辑时恢复数据切勿在edit-closed事件中 实现/调用 取消编辑时恢复数据功能因为保存方法中通常会使用$table.clearEdit()来清除编辑状态$table.clearEdit()会主动触发edit-closed事件会出现数据实际更新但显示的是修改前的数据。建议不主动配置edit-closed事件。功能示例操作栏vxe-table-column width200px fieldoperation title操作 fixedright template #default{ row } !-- 编辑状态显示保存和取消按钮 -- template v-ifhasEditStatus(row) el-button typetext sizesmall click.stophandleSave(row)保存/el-button el-button typetext sizesmall click.stophandleCancel(row)取消/el-button /template !-- 非编辑状态显示修改按钮 -- template v-else el-button typetext sizesmall click.stophandleEdit(row)修改/el-button /template /template /vxe-table-column修改handleEdit(row){if(row.wmsStatus!WMS_STATUS.PENDING_SUBMIT){this.$message.warning(仅待提交状态记录允许修改);return;}const$tablethis.$refs.tableRef;if($table){$table.setEditRow(row);}},保存asynchandleSave(row){const$tablethis.$refs.tableRef;if($table){// 判断单元格值是否被修改if($table.isUpdateByRow(row,machineWeight)||$table.isUpdateByRow(row,businessDate)){try{awaitpost(${process.env.VUE_APP_API_SYSTEM}/requisition/edit,{id:row.id,[machineWeight]:row[machineWeight],[businessDate]:row[businessDate],}).then((data){this.$message.success(datadata.msg?data.msg:保存成功);}).catch((error){this.$message.error(errorerror.message?error.message:error);return;});// 局部更新单元格为已保存状态await$table.reloadRow(row,null,businessDate);await$table.reloadRow(row,null,machineWeight);await$table.clearEdit()}catch(error){this.$message.error(errorerror.message?error.message:error);return;}}else{this.$message.warning(数据未修改无需保存);}}}取消handleCancel(row){const$tablethis.$refs.tableRef;if($table){$table.clearEdit().then((){// 还原行数据$table.revertData(row);});}}