更新记录

1.0.5（2024-06-24）

shape属性bug修复

1.0.4（2024-06-22）

更改说明

1.0.3（2024-06-22）

适配r-config-provider

平台兼容性

r-checkbox

r-checkbox复选框，在一组备选项中进行多选。

示例

<r-checkbox v-model:value="checked">复选框</r-checkbox>
<r-checkbox v-model:value="checked" disabled>复选框</r-checkbox>
<r-checkbox-group v-model:value="checkList" shape="square">
      <r-checkbox name="a">复选框 a</r-checkbox>
      <r-checkbox name="b">复选框 b</r-checkbox>
    </r-checkbox-group>
<r-checkbox-group
  v-model:value="checkList"
  direction="horizontal"
  shape="round"
>
      <r-checkbox name="check1">复选框</r-checkbox>
      <r-checkbox name="check2">复选2</r-checkbox>
    </r-checkbox-group>
<r-checkbox v-model:value="checked" checked-color="#ee0a24">复选框</r-checkbox>
<r-checkbox v-model:value="checked" icon-size="24px">复选框</r-checkbox>

<r-checkbox v-model:value="checked">
      自定义图标
      <template #icon="props">
        <image
          style="height: 20px; width: 20px"
          :src="
            props.checked
              ? 'https://fastly.jsdelivr.net/npm/@vant/assets/user-active.png'
              : 'https://fastly.jsdelivr.net/npm/@vant/assets/user-inactive.png'
          "
        />
      </template>
    </r-checkbox>

<r-checkbox v-model:value="checked" label-position="left">复选框</r-checkbox>
<r-checkbox v-model:value="checked" label-disabled>复选框</r-checkbox>

<r-checkbox-group v-model:value="checkList" direction="vertical">
      <r-checkbox name="a">复选框 a</r-checkbox>
      <r-checkbox name="b">复选框 b</r-checkbox>
    </r-checkbox-group>

API

Checkbox Props

CheckboxGroup Props

Checkbox Slots

Checkbox Events

CheckboxGroup Events