更新记录

1.0.0（2025-09-12） 下载此版本

发布v1.0.0。

平台兼容性

uni-app

bcr-picker

工欲善其事必先利其器

对话框的形式选择数据，列表以 code 与 name 形式显示。

使用

<template>
    <view>
        <button class="open-btn" @tap="showPopup = true">打开弹窗</button>
        <bcrPicker
            placeholder="请输入"
            :show="showPopup" 
            :items="items" 
            @close="showPopup = false" 
            @select="onItemSelect">
        </bcrPicker>
    </view>
</template>
<script>
    import bcrPicker from '../../uni_modules/bcr-picker/components/bcr-picker/index.vue';
    export default {
        components: {
            bcrPicker
        },
        data() {
            showPopup: false,
            selectedItem: null,
            items: []
        },
        methods: {
            onItemSelect(item) {
                console.log('选中项:', item);
                this.selectedItem = item;
                uni.showToast({
                    title: `已选择: ${item.name}`,
                    icon: 'success',
                    duration: 2000
                });
            }
        }
    }
</script>

Props