Vue学习笔记之表单输入控件绑定
表单输入绑定基础用法 文本### 多行文本### 复选框爱好 var vm=new Vue({
el:'#app',date:{ checked:[] }, 单选按钮性别 var vm=new Vue({
el:'#app',date:{ picked: '' }, 选择列表单选列表户口
{{ selected }}
var vm=new Vue({ 多选列表(绑定到一个数组):A
new Vue({
el: '#example-6',data: {
selected: []
}
})
Selected: {{ selected }} 绑定 value对于单选按钮,勾选框及选择列表选项, v-model 绑定的 value 通常是静态字符串(对于勾选框是逻辑值): 复选框// 当选中时 单选按钮// 当选中时
vm.pick === vm.a 选择列表设置修饰符.lazy在默认情况下, v-model 在 input 事件中同步输入框的值与数据 (除了 上述 IME 部分),但你可以添加一个修饰符 lazy ,从而转变为在 change 事件中同步: .number如果想自动将用户的输入值转为 Number 类型,可以添加一个修饰符 number 给 v-model 来处理输入值: {{num1+num2}}
var vm=new Vue({ .trim如果要自动过滤用户输入的首尾空格,可以添加 trim 修饰符到 v-model 上过滤输入: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |