优化明细TableForm可能存在的卡顿情况

src/components/TableForm/src/TableForm.vue

@@ -76,7 +76,7 @@
             <el-form-item 
               v-if="headerItem?.tableForm?.type == 'number'"
               :prop="headerItem.field">
-              <el-input 
+              <el-input :key="headerItem.field+$index"
                 v-model="row[headerItem.field]"
                 clearable
                 type="number"
@@ -131,7 +131,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'SelectGroup'" 
             :prop="headerItem.field">
-            <el-select 
+            <el-select :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :clearable="headerItem?.tableForm.clearable || true"
               :multiple="headerItem?.tableForm.multiple" 
@@ -164,7 +164,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'FormTime'" 
             :prop="headerItem.field">
-            <el-time-picker 
+            <el-time-picker :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :clearable="true"
               :placeholder="headerItem?.tableForm?.placeholder || '选择时间'"
@@ -206,7 +206,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'FormTimerange'" 
             :prop="headerItem.field">
-            <el-date-picker 
+            <el-date-picker :key="headerItem.field+$index"
               v-model="row[headerItem.field]"
               :clearable="true"
               :disabled="itemIsDisabled(headerItem, row)"
@@ -221,7 +221,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'Switch'" 
             :prop="headerItem.field">
-            <el-switch 
+            <el-switch  :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :disabled="itemIsDisabled(headerItem, row)"
               :loading="headerItem?.tableForm?.loading" 
@@ -239,7 +239,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'Radio'" 
             :prop="headerItem.field">
-            <el-radio-group 
+            <el-radio-group :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :size="headerItem?.tableForm?.size"
               :disabled="itemIsDisabled(headerItem, row)" 
@@ -262,7 +262,7 @@
           <el-form-item 
             v-if="headerItem?.tableForm?.type == 'Checkbox'" 
             :prop="headerItem.field">
-            <el-checkbox-group 
+            <el-checkbox-group :key="headerItem.field+$index"
               v-model="row[headerItem.field]" 
               :disabled="itemIsDisabled(headerItem, row)"
               :size="headerItem?.tableForm?.size" 
@@ -287,7 +287,7 @@
           </el-form-item>
           <!-- table表添加操作列 -->
           <!-- <el-form-item> -->
-            <div v-if="headerItem?.tableForm?.type == 'action'">
+            <div v-if="headerItem?.tableForm?.type == 'action'" :key="headerItem.field+$index">
               <el-button
                 v-for="(itemButton, indexButton) in headerItem?.tableForm?.buttonText.split('|')"
                 :key="indexButton"