vue中.lazy 相当于change事件

最新推荐文章于 2025-09-29 06:29:59 发布

原创最新推荐文章于 2025-09-29 06:29:59 发布 · 585 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

笔记专栏收录该内容

10 篇文章

订阅专栏

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

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>