el-input不支持v-model.lazy怎么办

html 复制代码
				<el-input
					v-model="row.initPreVal"
					controls-position="right"
					type="number"
					placeholder=" "
				></el-input>

解决方案:

html 复制代码
				<div class="el-input">
					<div class="el-input__wrapper">
						<input v-model.lazy="row.initPreVal" class="el-input__inner" />
					</div>
				</div>

如果在可编辑表格中使用到了el-input,批量渲染了很多,会出现性能问题,可以尝试使用.lazy解决

参考链接:

https://www.jianshu.com/p/90071e35a514

人工智能学习网站

https://chat.xutongbao.top

相关推荐
VX:Fegn08951 分钟前
计算机毕业设计|基于springboot + vue酒店管理系统(源码+数据库+文档)
vue.js·spring boot·课程设计
EndingCoder15 分钟前
案例研究:从 JavaScript 迁移到 TypeScript
开发语言·前端·javascript·性能优化·typescript
Irene199129 分钟前
Vue3 中使用的命名规则 和 实际开发命名规范总结
vue.js·命名规范
Amumu121382 小时前
Vue脚手架(二)
前端·javascript·vue.js
lichenyang4533 小时前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记3 小时前
Hooks、状态管理
前端·javascript·react.js
比特森林探险记3 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
海绵宝龙4 小时前
Vue中nextTick
前端·javascript·vue.js
H_z_q24014 小时前
Web前端制作一个评论发布案例
前端·javascript·css
摘星编程4 小时前
React Native + OpenHarmony:useId唯一标识生成
javascript·react native·react.js