vue表单的示例分析-创新互联
这篇文章给大家分享的是有关vue表单的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
站在用户的角度思考问题，与客户深入沟通，找到密山网站设计与密山网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：
网站设计、做网站、企业官网、英文网站、手机端网站、网站推广、
申请域名、
网站空间、企业邮箱。业务覆盖密山地区。
一、基本用法
你可以用 v-model 指令在表单 及
请选择
javascript
{{option.text}}
var app7 = new Vue({
el: '#app7',
data:{
message: '单行文本',
message1: '多行文本',
picked: true,
sex: 'boy',
hobby: ['爬山','滑雪'],
select: 'css',
selected: 'A',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
});
二、值绑定
单选按钮、复选框和选择列表在单独使用或单选的模式下， v-model 绑定的值是一个静态字符串或布尔值， 但在业务中，有时需要绑定一个动态的数据， 这时可以用v-bind 来实现。
一组代码，看完表单常用radio、checkbox、select的值绑定：
{{picked}}
{{value}}
{{toggle}}
{{value1}}
{{value2}}
123
{{selected.number}}
var app8 = new Vue({
el: '#app8',
data:{
picked: false,
value: 'boy',
toggle: false,
value1: 'a',
value2: 'b',
selected: ''
}
});
