更新记录

1.0.0(2022-12-03)

peng-checkbox 单选、复选,数据选择器


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.2.15 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

PengCheckbox 数据驱动的单选复选框

组件名:peng-checkbox

本组件是基于uni-app扩展组件uni-data-checkbox的封装。本组件要解决问题包括:

  1. 原组件解析的数组只能是[{text:'xxxx',value:'xxxx',disable:true}],改为可以在组件上分别传入: lable="xxx"来指定key、values="xxx"来指定value 2.其余用法和原组件保持不变 3.因为该组件和原组件差距不大,使用文档只做简单介绍,其他参数的使用请查看原文档

    注意:该组件和原组件的标签使用不一致,该组件标签为< peng-checkbox />,其他参数和原组件保持不变

代码使用示例

<template>
    <view>
        <peng-checkbox 
            :multiple="true" 
            label="aaa" 
            values="bbb" 
            v-model.trim="aihao"  
            @change="isChange" 
            :localdata="aihaoOptions" />
    </view>
</template>
<script>
    export default {
        data() {
            return {
                aihaoOptions: [{
                    aaa:"1111",
                    bbb:"2222",
                    disable:true
                },{
                    aaa:"333",
                    bbb:"444",
                    disable:false
                },{
                    aaa:"555",
                    bbb:"666"
                    disable:false
                },{
                    aaa:"777",
                    bbb:"888",
                    disable:false
                }],
            }
        },
        methods: {
            isChange(e) {
                console.log(e)
            },
        }
    }
<script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问