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

场景:

使用ant-design-vue的table组件,要求实现新增,直接在表格中增加一行,双击或单击当前行状态变为可编辑状态,点击其他dom,失去焦点时,进行自动保存。

示例:

antd-vue table双击编辑单元格,失去焦点保存_第1张图片
编辑状态
antd-vue table双击编辑单元格,失去焦点保存_第2张图片

@dblclick.native="dbClickFun(record, index, item)" 双击修改当前行状态。record.isEdit设置为true

@blur="blurFjxx($event, record, item)" 失去焦点判断。





你可能感兴趣的:(antd-vue table双击编辑单元格,失去焦点保存)