vxe-table表格编辑单元格,进行正则验证,不符合验证,清空单元格数据。
vxe-table2.x版本,vxe-table表格增加edit-rules 和 edit-closed 。
edit-rules对单元格录入的值进行正则验证,不符合单元格出现时提示信息。
edit-closed编辑关闭时,进行正则验证,不符合清空单元格录入的值。
<vxe-tablesize="mini"align="center"resizableclass="mytable-scrollbar"ref="feedingRef":loading="feedingLoading"highlight-hover-row:data="feedingTableData"height="100%"@cell-click="feedingClick"highlight-current-rowshow-overflow:radio-config="{ trigger: 'row' }":edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }":edit-rules="validRules"@edit-closed="handleEditClosed">
data() {return {validRules: {lrxh: [{pattern: /^\d+(\.?|(\.\d+)?)$/,message: "请输入数字或小数",},],},};},
// 输入的录入消耗不符合正则,删除录入值handleEditClosed({ row, column }) {debugger;if (!/^\d+(\.?|(\.\d+)?)$/.test(row[column.property])) {this.$set(row, column.property, "");}},