更新记录

1.0.0（2026-02-02） 下载此版本

• 网格布局显示选项
• 支持点击切换选中状态
• 可配置每行显示数量
• 支持多种数据类型

平台兼容性

uni-app(5.0)

uni-app x(5.0)

Check-Button 复选按钮组

网格布局的复选按钮组，支持单选和多选模式。

功能特性

• 网格布局显示选项
• 支持点击切换选中状态
• 可配置每行显示数量
• 支持多种数据类型

Props

Events

使用示例

<template>
  <Check-Button
    v-model="selectedId"
    :list="cityList"
    row="3"
    @click="handleSelect"
  />
</template>

<script setup>
import { ref } from 'vue';
import CheckButton from '@/components/Check-Button.vue';

const selectedId = ref('');
const cityList = [
  { label: '广州市', value: '1' },
  { label: '深圳市', value: '2' },
  { label: '东莞市', value: '3' },
];
</script>