vue页面form表单太大，数据量太多的时候，input输入搜索框在输入时卡动问题解决

sleep种子

于 2022-10-17 10:36:26 发布

阅读量1.9k

点赞数

分类专栏： vue 笔记文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/u013677491/article/details/127358920

版权

vue 同时被 2 个专栏收录

11 篇文章

订阅专栏

笔记

3 篇文章

订阅专栏

本文探讨了在Vue中使用.v-model.lazy修饰符时遇到的问题。作者指出，直接在el-input组件上使用lazy修饰符可能无法正常工作，并提供了替代方案——通过给input元素添加class='el-textarea__inner'来实现预期的延迟更新效果。这种方法确保了输入框的样式与框架保持一致，同时实现了v-model.lazy的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用.lazy修饰符
注意：直接在el-input中使用.lazy修饰符是不成功的，测试了这种写法确实无效

//不成功的使用方法
<el-input v-model.lazy="code" placeholder="code"></el-input>
//成功的使用方法("el-textarea__inner"类可以让样式与框架一致)
<input class="el-textarea__inner" v-model.lazy="code" placeholder="请输入内容"></input>