本文实例为大家分享了vue.js表单控件绑定的具体代码,供大家参考,具体内容如下
html:
{{message}}
我是{{checkedNames}}选择的时是{{sex}}我是{{selected}}我选择了{{selected}}选择的是{{selected}}
js:
var app1=new Vue({ el:'#app-1', data:{ message:'开始' } }); var app2=new Vue({ el:'#app-2', data:{ checked:false } }); var app3=new Vue({ el:'#app-3', data:{ checkedNames:[] } }); var app4=new Vue({ el:'#app-4', data:{ sex:'' } }); var app5=new Vue({ el:'#app-5', data:{ selected:'' } }); var app6=new Vue({ el:'#app-6', data:{ selected:[] } }); var app7=new Vue({ el:'#app-7', data:{ selected: 'A', items:[ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。