当前位置: 首页 > Web前端 > JavaScript

antd-vue表格双击编辑单元格,失去焦点保存

时间:2023-03-26 22:57:30 JavaScript

.editable-row-operations{margin-right:8px;}场景:使用ant-design-vue的表格组件,需要添加新行,直接在表格中添加一行,双击或者点击当前行状态变为可编辑状态,点击其他dom,失去焦点时会自动保存。示例:editstate@dblclick.native="dbClickFun(record,index,item)"双击修改当前行状态。record.isEdit设置为true@blur="blurFjxx($event,record,item)"失去焦点判断。关闭.editable-row-operations{margin-right:8px;}