导致原因:绑定的数据未刷新是vue的绑定深度过多,没有关联绑定起来,点击一次后会出现光标丢失现象。
解决方法:
步骤一、el-input-numbe所在列添加key,el-input-number中添加 @change="inputChange($event,‘num’)"方法
<el-table-column prop="num" label="数量" width="100" align="center" :key="tablekey">
<el-input-number @change="inputChange($event,'num')" v-model="num" step-strictly :step="10">
</el-input-number>
</el-table-column>
步骤二、data return内部添加 tablekey: false
data() {
return {
tablekey:false
}
}
步骤三、通过改变key值的变化,来达到重新渲染 el-input-number的目的
methods : {
inputChange (e,val) {
this[val] = e
this.tablekey = !this.tablekey
}
}