element-ui版本问题导致el-table-column输入框无法输入

起因

有次发版后,el-table-column的input输入框无法输入了,select框却可以,本地项目测试OK,测试环境测试OK,就是生产发生了这个事情。

查询原因

三个环境有两个好的,排除代码问题,可能是依赖的element-ui的版本问题。
本地element-ui版本是2.4.10,测试element-ui版本是2.8.2,而生产运维用是最新的版本。

更新版本

因为另一个模块用的树结构需要把element-ui版本更新到2.7.2,故,自己也要更新一下版本。

本地更新版本之后,确实,输入框也不能用了。原来发现,tableData数据回填和渲染之后,对输入框的对应数据进行了再处理【重新赋值】,导致问题。
解决:对数据进行先处理,再赋值给tableData进行数据回填和渲染,就解决了。

追根溯源

element-ui 低版本可以先渲染数据,再处理数据,高版本只能先处理处理数据再渲染。
因为select框不受版本影响,但input框受影响了,找input框的原因。。。
。。。未完待续

总结:命令

# 查看 element-ui 现有版本
npm view element-ui versions
# 卸载现有版本
npm uninstall element-ui
# 更新到指定版本
npm install element-ui@2.7.2 -S
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值