ant design vue2 表格双击变输入框

要实现 ant design vue2 表格双击变输入框的功能，你可以按照以下步骤进行操作：

1. 首先，在你的表格组件中，添加一个变量，用来保存正在编辑的行的索引，初始值为 -1。例如：`editingIndex: -1`

2. 在表格中的需要双击变为输入框的单元格中，使用 `v-if` 根据 `editingIndex` 的值来动态显示不同的内容。如果该单元格的行索引等于 `editingIndex`，则显示一个输入框；否则显示文本。例如：

   <template slot-scope="text, record, index">
     <span v-if="editingIndex !== index" @dblclick="startEditing(index)">{{ text }}</span>
     <a-input v-else v-model="record.name" @blur="stopEditing"></a-input>
   </template>

上面的代码中，`text` 表示该单元格原本显示的文本，`record` 表示该行的数据，`index` 表示该行的索引。当该单元格的行索引等于 `editingIndex` 时，显示一个输入框，并将该输入框的值绑定到 `record.name` 上。

3. 定义 `startEditing` 和 `stopEditing` 方法，用来开始和结束编辑。例如：

   methods: {
     startEditing(index) {
       this.editingIndex = index
     },
     stopEditing() {
       this.editingIndex = -1
     }
   }

上面的代码中，`startEditing` 方法接受一个参数 `index`，表示要开始编辑的行的索引。该方法将 `editingIndex` 设置为 `index`，从而触发单元格的重新渲染，并显示输入框。`stopEditing` 方法用来结束编辑，将 `editingIndex` 设置为 -1，从而单元格重新渲染显示文本。

通过上面的操作，你就可以实现 ant design vue2 表格双击变输入框的功能了。