checkbox

复选框

属性

属性名类型必填默认值说明
checkedBoolean否关闭是否开启
labelString否复选框文案
disabledBoolean否false是否禁用
positionString否left复选框相对于文案的位置，可选值包括：left、right
group-indexNumber否-1表示在checkbox-group中的索引
c-bind:changeEventHandle否点击复选框触发 返回事件对象： event.detail 返回值： event.detail.value

示例

  2. <template>
  3.   <checkbox
  4.     checked="{{checkboxValue}}"
  5.     disabled="{{false}}"
  6.     label="Checkbox"
  7.     c-bind:change="valueChange"
  8.     >
  9.   </checkbox>
  10. </template>
  11. <script>
  12. class Checkbox {
  14.   data = {
  15.     checkboxValue: true
  16.   }
  17.   methods = {
  18.     valueChange (e) {
  19.       this.checkboxValue = e.detail.value
  20.     }
  21.   }
  22. };
  23. export default new Checkbox();
  24. </script>
  25. <script cml-type="json">
  26. {
  27.   "base": {}
  28. }
  29. </script>

checkbox - 图1wx

checkbox - 图2web

checkbox - 图3native

查看完整示例