vue中.lazy 相当于change事件

最新推荐文章于 2025-05-16 21:33:28 发布

陌上红尘三千—前端

最新推荐文章于 2025-05-16 21:33:28 发布

阅读量568

点赞数 1

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： vue

本文链接：https://blog.youkuaiyun.com/rong0914/article/details/119204555

笔记专栏收录该内容

10 篇文章

订阅专栏

Vue.js 中的 .lazy 修饰符用于 v-model，它将数据同步行为从实时更新改为在输入元素失去焦点或按下回车键时触发，实现类似 change 事件的效果。

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

vue修饰符 .lazy 。在输入框中，v-model 默认是同步数据，使用 .lazy 会转变为在 change 事件中同步，
也就是在失去焦点或者按下回车键时才更新

<template>
    <div>
        <p>.lazy修饰符</p>
        <input type="text" v-model.lazy="val">
        <p>{{ val }}</p>
    </div>
</template>
<script>
    export default {
        data(){
            return{
              val:''
            }
        }
    }
</script>