Vue3+ts+element ui plus/antdesgin 实现可编辑单元格/可编辑功能

此功能是基于antdesgin表格组件可编辑单元格功能修改来实现，可查看原文档：带单元格编辑功能的表格

具体思路就是在element ui plus 或者 antdesgin 表格组件的单元格插槽中进行修改，放入“editable-cell”这个div就行；

此方法不仅适用于表格，相关需要自定义编辑的功能都可用此方法，核心就是自行调整“editable-cell”下的内容。

代码以及注释如下：

/*插槽内修改*/
<Table :columns="tableHeader" :data-source="tableData">
  <template #bodyCell="{ column: {dataIndex},index, text, record }">
      /*编辑主体*/
      <div class="editable-cell">
         /*如果editableData中存在这个要编辑的属性，则显示input编辑弹框*/
         <div v-if="editableData[record[dataIndex as string]+''+index]" class="editable-cell-input-wrapper">
            /*input绑定的值为editableData要编辑的属性（key）对应