vue常用特性之表单操作

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

本文链接： https://blog.csdn.net/poppy995/article/details/98172320

表单操作

表单提交要禁用submit的默认提交行为 在submit的事件中this指向的是form

• input 单行文本
  通过v-model进行双向绑定值
• textarea 多行文本
  通过v-model进行双向绑定值
• select 下拉单选和多选(添加multiple=‘true’)
  给select添加v-model value添加在option中
• radio 单选框
  通过v-model进行双向绑定值 同一个属性值 通过value值区分
• checkbox 多选框
  通过v-model进行双向绑定值 同一个属性值 通过value值区分 一般是数组

---

表单域修饰符

number: 转化为数值

<input v-model.number='age'>

• trim: 去掉开始和结尾的空格
• lazy: 将input事件切换为change事件
• v-model默认的是input事件->输入数据就触发
• change事件是失去焦点触发的