- 复选框是一种让用户从多个选项中选择一个或多个选项的组件。
- 可以单独使用一个复选框,或使用一组复选框。
- 建立复选框时,首先在组件数据(data)中添加一个名为
checked
的变量,默认值设为true
。 - 在组件的模板中添加复选框,并使用
v-model
绑定到checked
数据。 - 给复选框添加标签(label),显示旁边的文字,并绑定输出
checked
数据。 - 复选框的勾选状态可通过点击来切换,且初始状态因
checked
为true
而为勾选。 - 若要允许通过点击标签也切换复选框状态,需要为复选框元素添加
id
属性,并在标签上设置for
属性与复选框的id
值相同,这样点击标签也能改变复选框状态。