vue03-v-model数据绑定

Posted 2021-03-09 zpyu521

三、v-model修饰符

<input type="text" v-model="message" />{{message}}

v-model.lazy

• v-model 会和标签双向绑定，但是编辑时，时时刻刻都在同步，资源消耗没必要，v-model.lazy会监听enter 或者手标失去焦点的时候才进行数据同步

<!--    失去焦点或者enter才会更新值--><input type="text" v-model.lazy="message">{{message}}

v-model.number

• 将输入框的值转换为number类型，默认是字符串处理所有的键盘录入

v-model.trim

• 将输入框中的左右两边的空格去掉