当前位置: 首页 > 工具软件 > Lazy > 使用案例 >

vue修饰符——.lazy

柳宾实
2023-12-01

在输入框中,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>


 

 类似资料: