.lazy修饰符将v-model默认的input事件同步改为change事件同步，即失焦或回车时才更新数据，适用于搜索框、长文本编辑等需降低更新频率的场景。
.lazy 修饰符用于改变 v-model 的数据同步时机，把默认的“输入即更新”变成“失焦或回车才更新”，不改变绑定逻辑，只调整触发节点。
什么时候该用 .lazy
适合对实时性要求不高、但对性能或交互体验有要求的场景：
- 搜索框输入——避免每敲一个字就触发搜索请求或校验计算
- 长文本编辑（如备注、描述字段）——防止频繁重渲染影响输入流畅度
- 表单整体提交前才需要最终值——比如注册页的用户名、邮箱等字段
- 配合防抖逻辑使用时，可减少事件监听压力
怎么写才生效
直接在 v-model 后添加 .lazy，语法简单，无需额外配置：
注意：它只对 <input type="text">、<textarea></textarea> 等基于 input 事件的元素起作用；对于 checkbox 或 select，本身已用 change 事件，加 .lazy 没效果。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章