(1)文本
1 2Message is: {
{ message }}
(2)多行文本
(3)复选框
单个复选框,绑定到布尔值:
//只会出现前面的那个方框
多个复选框,绑定到同一个数组:
1 2314 15 164 //绑定到同1个数组 5 //与上述value为jack进行绑定,然后点击label中的Jack也能操作前面的方框 6 //绑定到同1个数组 7 8 //绑定到同1个数组 9 10 11 Checked names: { { checkedNames }} //假如全选的话,会输出[ "Jack", "John", "Mike" ]1213
(4)单选按钮
//绑定同1个picked //绑定同1个picked Picked: { { picked }}
(5)选择框
单选时:
1 2313 14 154 10 Selected: { { selected }}1112
多选时:
12 7 8 Selected: { { selected }} 910 new Vue({11 el: '#example-6',12 data: {13 selected: []14 }15 })
可能不理解多选吧,没有看到多选的效果;