Skip to content

复选框

基本使用

查看示例
vue
<script setup lang="ts">
import { ref } from 'vue'

const value = ref(false)
</script>

<template>
  <yy-checkbox v-model="value" label="点我" />
</template>

部分选中

查看示例
vue
<script setup lang="ts">
import { ref } from 'vue'

const value1 = ref(false)
const indeterminate = ref(false)
</script>

<template>
  <yy-checkbox v-model="value1" label="点我" :indeterminate="indeterminate" />
  <yy-checkbox v-model="value1" label="将第一个复选框设置为选中" />
  <yy-checkbox v-model="indeterminate" label="将第一个复选框设置为部分选中" />
</template>

Props

参数说明类型默认值
modelValue是否选中booleanfalse
label显示的内容string-
indeterminate是否部分选中boolean-