当前位置:首页 > 编程笔记 > 正文
已解决

el-table中的el-input标签修改值,但界面未更新,解决方法

来自网友在路上 176876提问 提问时间:2023-11-05 17:24:09阅读次数: 76

最佳答案 问答题库768位专家为你答疑解惑

el-table中的el-input标签修改值,界面未更新

在el-table中的el-input里面写的change事件根本不触发,都不打印,试了网络上各种方法都没用
在这里插入图片描述
然后换成input事件,input事件会触发,但界面也未更新。我在触发事件的时候,生成一个值,用于刷新界面再绑定到el-table上,但会导致界面强制刷新,体验感很差,
在这里插入图片描述

在这里插入图片描述

解决

把生成的key值绑定在el-input框上,这样会刷新而且效果可以

  <el-table-columnlabel="计划出库数量"align="center"width="120px":show-oveflow-tooltip="true"><template slot-scope="scoped"><el-inputv-model="scoped.row.planQty"type="text":maxlength="9"size="mini":index="key"oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"@input="changeOutPlanQty(scoped.row.planQty,scoped.$index)"/></template></el-table-column>

在这里插入图片描述

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"el-table中的el-input标签修改值,但界面未更新,解决方法":http://eshow365.cn/6-32876-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!