Vue中的表单绑定

Vue中的表单绑定

通过v-model实现vue表单的双向绑定。

1.input

2.textarea

3.checkbox

4.radio

5.select

v-model在select中

如果有value的值指向value的值 =‘1’

如果没有value指向对应的inner-text = A

v-model修饰符

v-model.lazy:懒加载,只在失去焦点时加载。

v-model.number:读取input的值,如果值能转换成number,转换成number保存在value中。

v-model.trim:去除首尾空格