前端之家收集整理的这篇文章主要介绍了
Vue.JS入门教程之处理表单,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例为大家分享了Vue.JS表单处理的相关内容,供大家参考,具体内容如下
Meta charset="UTF-8">
惰性更新
默认情况下,v-model 会在每个 input 事件之后同步输入的数据。你可以
添加一个 lazy 特性,将其改变为在 change 事件之后才进行同步。
转换为数字
如果你希望将
用户的输入
自动转换为数字,你可以在 v-model 所在的 input 上
添加一个 number 特性。没有试验成功,不知道什么原因
绑定表达式
当使用 v-model 在单选框和复选框时,被绑定的值可以是布尔值或字符串:
这里有一点小的局限性——有的时候我们想把背后的值绑定到一些别的东西上。你可以按下面这个例子实现:
1.复选框
Box" v-model="toggle" true-exp="a" false-exp="b">
// 被选中时:
vm.toggle === vm.a
// 被取消选中时:
vm.toggle === vm.b
2.单选框
dio" v-model="pick" exp="a">
// 被选中时:
vm.pick === vm.a
动态select选项
当你需要为一个