elementUi中input输入字符光标在输入一个字符后,光标就退出,无法输入需要再次聚焦然后输入一个字符又再次退出

首先,用elementUi正常用v-model绑定输入的值是不会造成光标退出的,原因是用了局部作用域插槽,导致光标输入,table下的数据刷新,

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

导致table重绘,光标失去焦点

elementUi中input输入字符光标在输入一个字符后,光标失去焦点 随笔 第1张

解决办法是table绑定一个初始化的模拟数据,,插槽内绑定页面渲染的数据,当输入框数据变化是只是局部数据变化,不会导致table重绘,页面也可正常校验

elementUi中input输入字符光标在输入一个字符后,光标失去焦点 随笔 第2张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄