更新记录

1.0.0（2026-01-04）

首次提交

平台兼容性

uni-app(4.83)

picker-select

该组件采用vue3的composition api编写,支持v-model双向绑定,可以自定义选项字段名,禁用属性等,基于uview的picker组件封装

1.引入

```
import pickerSelect from '@/uni_modules/pickerSelect/components/pickerSelect/index.vue'
```

2.注册

components:{
    pickerSelect
},

3.使用

```
<picker-select :disabled="disabled" v-model="selectedValue" @change="getCheckProject"
    :optionsList="optionsList"></picker-select>
```

4.方法

    <script setup>
        import { ref } from 'vue'
        import PickerSelect from '@/uni_modules/pickerSelect/components/pickerSelect/index.vue'

        // 选择器选项
        const optionsList = ref([
        { value: '1', label: '选项1' },
        { value: '2', label: '选项2' },
        { value: '3', label: '选项3' }
        ])

        const disabled = ref(false);//禁用属性
        // 选中的值
        const selectedValue = ref('')

        // 选择变化事件处理
        const handleChange = (e) => {
            console.log('选中的值:', e)
        }
    </script>

5.传参说明 属性名 类型 默认值 必填 说明 optionsList Array [] 是 选择器的选项列表 valueKey String 'value' 否 选项中值的字段名 labelKey String 'label' 否 选项中标签的字段名 modelValue String '' 否 当前选中的值（支持 v-model 双向绑定） placeholder String '请选择' 否 未选择时的占位文本 disabled Boolean