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>
相关推荐
晓得迷路了25 分钟前
栗子前端技术周刊第 138 期 - NestJS 12、Astro 7.1、npm 12...
前端·javascript·nestjs
霸道流氓气质43 分钟前
摄像头视频预览实现教程:从原理到落地(ZLMediaKit+ flv.js+ Spring Boot)
javascript·spring boot·音视频
double_eggm1 小时前
uniapp.3
开发语言·前端·javascript
Thanks_ks2 小时前
从零手写一个 Promise:深入理解 JavaScript 异步编程的本质
javascript·promise·事件循环·异步编程·手写源码·前端进阶·promises/a+
胡萝卜术9 小时前
力扣5. 最长回文子串
前端·javascript·面试
触底反弹12 小时前
🔥 从零搭建 RAG 知识库:爬虫→分词→向量化→检索,一步都不能错
javascript·人工智能·面试
এ慕ོ冬℘゜14 小时前
JavaScript 数组核心方法实战|新增元素 + 数组转字符串 零基础详解
开发语言·javascript·ecmascript
腻害兔17 小时前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 框架层:15 个 Starter 到底在干什么?
前端·vue.js·产品经理·ai编程
梦想的旅途218 小时前
JavaScript 实现企业微信消息自动发送的技术实践
运维·javascript·自动化·企业微信