Skip to content

Checkbox 复选框

WD UI 复选框组件。

vue
<template>
  <wd-checkbox v-model="checked">复选框</wd-checkbox>
  <wd-checkbox-group v-model="checkedList">
    <wd-checkbox value="1">选项1</wd-checkbox>
    <wd-checkbox value="2">选项2</wd-checkbox>
  </wd-checkbox-group>
</template>

<script setup>
import { ref } from 'vue'
const checked = ref(false)
const checkedList = ref([])
</script>

API

Checkbox Props

参数说明类型默认值
v-model是否选中booleanfalse
value复选框值any
disabled是否禁用booleanfalse

Events

事件名说明参数
change状态改变时触发value