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

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

在el-table中的el-input里面写的change事件根本不触发,都不打印,试了网络上各种方法都没用

然后换成input事件,input事件会触发,但界面也未更新。我在触发事件的时候,生成一个值,用于刷新界面再绑定到el-table上,但会导致界面强制刷新,体验感很差,

解决

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

html 复制代码
  <el-table-column
          label="计划出库数量"
          align="center"
          width="120px"
          :show-oveflow-tooltip="true"
        >
          <template slot-scope="scoped">
            <el-input
              v-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>
相关推荐
用户17335980753720 分钟前
Vue 3 SPA 首屏优化:从 3s 到 1.2s 的 5 个实践
前端·vue.js
weedsfly25 分钟前
还在用 Axios?你可能需要重新理解 XHR 与 Fetch
前端·javascript·面试
CoderWeen27 分钟前
从零实现一个 Vue3 流程图编辑器:节点拖拽、贝塞尔连线与框选
前端·javascript
To_OC11 小时前
LC 128 最长连续序列:别上来就排序,O (n) 解法才是这题的灵魂
javascript·算法·leetcode
kyriewen15 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
Asize18 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙18 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
前端Hardy18 小时前
又一个 AI 神器火了!
前端·javascript·后端
锋行天下18 小时前
我试图优化 Vite 的拆包,结果首屏慢了 10 倍
前端·vue.js·架构
PBitW18 小时前
GPT训练我的第二天,我表示不过如此!!!😕😕😕
前端·javascript·面试