v-model修饰符

106 阅读1分钟

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>

image.png

trim

<input type="text" v-model.trmin="name" /> 自动去除左右两边空格,不过浏览器默认去,看得不是很清楚