Vue.js v-model

v-model

• 预期：随表单控件类型不同而不同。

限制

• <input>
• <select>
• <textarea>
• components

用法

在表单控件或者组件上创建双向绑定。细节请看下面的教程链接。

v-model 只是一个语法糖，实际的含义是：

<a-select
    v-bind:value="parentValue"
    v-on:input="parentValue = arguments[0]">
</a-select>

• v-bind 绑定一个 value 属性
• v-on 指令给当前元素绑定 input 事件

修饰符

• .lazy - 取代 input 监听 change 事件
• .number - 输入字符串转为有效的数字
• .trim - 输入首尾空格过滤

参考

• 表单控件绑定
• 组件 - 在输入组件上使用自定义事件