更新记录

1.0.0（2025-02-25） 下载此版本

发布初版

平台兼容性

Checkbox 复选框

组件名: xt-checkbox

适配情况需自行尝试,开发时只测试了H5、APP、微信小程序

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

<template>
    <view class="xt">
        <xt-checkbox v-model="list">
            <xt-checkbox-item value="1">选项1</xt-checkbox-item>
            <xt-checkbox-item value="2">选项2</xt-checkbox-item>
        </xt-checkbox>
        <xt-button style="margin-top: 60rpx;" @click="log">打印</xt-button>
        <xt-button style="margin-top: 60rpx;" @click="off">禁用</xt-button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list: [],
                no: false
            }
        },
        methods: {
            log() {
                console.log(this.list);
            },
            off() {
                this.no = !this.no
                console.log(this.no);
            }
        }
    }
</script>

<style lang="scss">
    .xt {
        padding: 0 20rpx;
        padding-top: 50rpx;
        display: flex;
        flex-direction: column;
        gap: 15rpx;
    }
</style>

xt-checkbox API

xt-checkbox Events

xt-checkbox-item API