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

相关推荐
杨大厨wd22 分钟前
Vue3 业务组件封装别只会传 props:如何设计一个真正好用的组件
vue.js
前端那点事23 分钟前
Vue3 script setup 语法糖最全教程!零基础吃透+项目落地+面试满分
前端·vue.js
费曼学习法1 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
卷帘依旧1 小时前
Vue 响应式原理:Object.defineProperty vs Proxy 深度对比
前端·vue.js
之歆1 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(二)
前端·javascript
布局呆星1 小时前
Vue3 路由守卫详解:全局守卫、路由独享守卫、组件内守卫
前端·javascript·vue.js
小李子呢02111 小时前
前端八股Vue---ref操作 DOM 元素或组件,调用子组件方法
前端·javascript·vue.js
Yoram2 小时前
Vue3 响应性:跨上下文的传递、转换与作用域控制
前端·vue.js
yqcoder2 小时前
深入理解 JavaScript:什么是可迭代对象 (Iterable)?
开发语言·javascript·网络
kyriewen113 小时前
我开发的 Chrome 扒图浏览器插件又更新了❗
前端·javascript·chrome·科技·ai