扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
表单输入绑定
网站设计制作过程拒绝使用模板建站；使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统；成都做网站、网站设计收费合理；免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了十余年的创新互联网站建设公司。
基础用法
文本
### 多行文本
### 复选框
爱好
{{ checked }}
var vm=new Vue({
el:'#app',
date:{
checked:[]
},
单选按钮
性别
男
女
{{picked}}
var vm=new Vue({
el:'#app',
date:{
picked: ''
},
选择列表
单选列表
户口
{{ selected }}
var vm=new Vue({
el:'#app',
date:{
selected:'',
},
多选列表（绑定到一个数组）：
new Vue({ el: '#example-6', data: { selected: [] } })
Selected: {{ selected }}
绑定 value
对于单选按钮，勾选框及选择列表选项， v-model 绑定的 value 通常是静态字符串（对于勾选框是逻辑值）：
复选框
// 当选中时 vm.toggle === vm.a // 当没有选中时 vm.toggle === vm.b
单选按钮
// 当选中时 vm.pick === vm.a
选择列表设置
// 当选中时 typeof vm.selected // => 'object' vm.selected.number // => 123
修饰符
.lazy
在默认情况下， v-model 在 input 事件中同步输入框的值与数据 (除了 上述 IME 部分)，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：
{{msg}}
.number
如果想自动将用户的输入值转为 Number 类型,可以添加一个修饰符 number 给 v-model 来处理输入值：
{{num1}}
{{num2}}
{{num1+num2}}
var vm=new Vue({
date:{
num1:1,
num2:1
},
});
.trim
如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入：
{{msg}}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网