lazy:使用了这个修饰符将会从“input事件”变成change事件进行同步
我们知道 v-model 可以做到双向绑定,在页面上输出时可以同步进行,那么.lazy
具体的作用是什么呢,先正常在页面输出 v-model:
<div id="app">
<input type="text" v-model="txt">
<br>
<p>
你输入的内容是:{{txt}}
</p>
</div>
<script src="./js/vue.js"></script>
<script>
let vm = new Vue({
el:"#app",
data:{
txt:''
}
})
</script>
加上 v-model.lazy:
<div id="app">
<input type="text" v-model.lazy="txt">
<br>
<p>
你输入的内容是:{{txt}}
</p>
</div>
我个人的理解就是,当我们点击 input 时,获取到焦点,这时加上 v-model 属性,操作input内容,是同步进行的。
但是 v-model.lazy 在input没有失去焦点之前,是不会被同步的