【vue】vue常用特性——表单

表单操作

表单是进行数据交互的常用手段

常见表单操作
input：单行文本

select：选择，如果需要多选的话，需要在 slect 标签中选择multple=“true”，表示可以多选，然后对应vue中数据类型为数组

radio：单选操作

checkbox：多选

textarea：多行文本，与text一样的操作，不可以在标签中间输入值

**操作为：**使用v-model实现数据绑定，多选操作则在vue中data选择数组，不是单个的值

表单域修饰符

number：转换为数值
trim：去掉开始和结尾的空格
lazy：将input事件切换为change事件

number：转换为数值
在表单中默认输入的值为字符串，如果需要计算的话，则需要相应的转换操作，采用表单域修饰符

<input v-model="age"/>
<input v-model.number="age"/>
//其他的几个修饰符，同理操作

trim：去掉开始和结尾的空格
在输入过程中通常有空格出现，为了避免不必要的空格，采用这个修饰符

lazy：将input事件切换为change事件
input 事件在每次输入内容的时候都会触发
change事件是指每次在失去焦点的时候才会触发