logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

复选框(Checkbox)

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