lazy
默认情况下,v-model在input中是同步的,即输入框中内容变化,data数据也变化
lazy会让input失去焦点或者回车后,让data数据更新
<input type="text" v-model.lazy="message" />
number
默认情况下,input的v-model中的值为string类型,在部分场景中,需要number,使用该修饰符
<input type="number" v-model.number="age" /> <h2>{{age}}{{typeof age}}</h2>
trim
<input type="text" v-model.trmin="name" />
自动去除左右两边空格,不过浏览器默认去,看得不是很清楚