欢迎光临
我们一直在努力

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>

赞(0)
未经允许不得转载:171主机测评 » el-table列表修改某个输入框输入 卡顿问题修改
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址