Vue --v-model

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_41847321/article/details/90900126

v-model，它负责监听用户的输入事件以更新数据。

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。

v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：

• text 和 textarea 元素使用 value 属性和 input 事件；
• checkbox 和 radio 使用 checked 属性和 change 事件；
• select 字段将 value 作为 prop 并将 change 作为事件。

修饰符：

• v-model.trim=' '   ==>如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符。
• v-model.number=' '   ==>如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符 。
• v-model.lazy=' '  ==>在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。添加 lazy 修饰符，从而转变为使用 change 事件进行同步。