本文基于Ant Design Vue官方网站的表格（可编辑单元格）（表格 Table - Ant Design Vue (antdv.com))中的样板代码获得双击编辑且获得焦点、失去焦点时完成编辑的功能。

要点：

（1）双击时候实现编辑，则在模板中非编辑状态单元格标签上添加dbclick事件。

（2）在<a-input>标签中，添加:ref="setMyEditingInputRef"属性，并在<script setup>标签中添加同名方法，在该方法中将标签引用临时保存起来。（注意ref前加上冒号:）

(3)在edit方法中，添加获得焦点的方法，也就是每次进入到编辑状态时，输入框自动获得焦点。（这一步很关键）。

(4)在<a-input>标签中添加blur事件，失去焦点时调用save方法，从而将<a-input>中的数据保存到表格数据中。同时，a-input组件将被销毁，重新显示表格的文字格式单元格。