当前位置: 首页 > news >正文

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, "");}},
http://www.xdnf.cn/news/1251037.html

相关文章:

  • 【“连亏十年” 川机器人,启动科创板IPO辅导】
  • 短剧小程序系统开发:技术驱动下的内容创新之路
  • 后端服务oom
  • [linux] Linux系统中断机制详解及用户空间中断使用方法
  • Java技术栈/面试题合集(19)-架构设计篇
  • Android—服务+通知=>前台服务
  • 简单spring boot项目,之前练习的,现在好像没有达到效果
  • 攻防世界WEB(新手模式)20-unseping
  • Android14的QS面板的加载解析
  • Tesseract + Poppler 实现图片型 PDF 转文字
  • jmm 指令重排 缓存可见性 Volatile 内存屏障
  • Perforce P4 Plan - DevOps实时规划工具
  • Python day36
  • 基于单片机智能浇花/智能灌溉/智慧农业/智能大棚
  • 双馈和永磁风机构网型跟网型联合一次调频并入同步机电网,参与系统一次调频,虚拟惯量下垂,虚拟同步机VSG控制matlab/simulink
  • 【软考系统架构设计师备考笔记5】 - 专业英语
  • 【关于Java的泛型(基础)】
  • 《动手学深度学习》读书笔记—9.3深度循环神经网络
  • 阿里云 Flink
  • 第七章课后综合练习
  • SpringBoot 3.x整合Elasticsearch:从零搭建高性能搜索服务
  • 【网络基础】计算机网络发展背景及传输数据过程介绍
  • vue3 vite 使用vitest 单元测试 组件测试
  • Lesson 31 Success story
  • 【C++详解】STL-set和map的介绍和使用样例、pair类型介绍、序列式容器和关联式容器
  • 蓝桥杯----锁存器、LED、蜂鸣器、继电器、Motor
  • RN项目环境搭建和使用-Mac版本(模拟器启动不起来的排查)
  • 软件定义汽车 --- 电子电气架构的驱动
  • 【pytorch(02)】Tensor(张量)概述、如何创建、常见属性,切换设备
  • AI学习之大话transformer架构