el-table列表修改某个输入框输入 卡顿问题修改

卡顿的代码：

 <!-- <el-input
                     v-else
										v-model="table.data[$index].watermeterCode"
										:disabled="handleType === 'detail' || !row.isEdit"

									></el-input> -->修改

解决的办法：

handleInput(index, field, value) {

      this.$set(this.table.data[index], field, value)
      // console.log(this.table.data[index])
    },

<el-table-column
								label="水表编号"
								prop="watermeterCode"
								show-overflow-tooltip
								width="90"
							>
								<template v-slot:header>
									<span class="warn">*</span>
									<span>水表编号</span>
								</template>
								<template v-slot="{ row , $index}">

                   <span v-if="handleType === 'detail' || !row.isEdit">{{ row.watermeterCode }}</span>
              
                  <el-input
                      :key="row.id"
                      :ref="'nextNumInput-' + row.$index"
                      :controls="false"
                      :precision="0"
                      placeholder="请输入"
                      v-model="row.watermeterCode"
                       @blur="(event) => handleInput($index, 'watermeterCode', event.target.value)"
                    >
                    </el-input>
								</template>
							</el-table-column>