更新记录

1.0.8（2025-10-30） 下载此版本

修复禁用还可以点击的bug

1.0.7（2025-10-30） 下载此版本

内部组件使用cl-input

1.0.6（2025-05-12） 下载此版本

修复选中数据或者清除数据的时候下拉打开的定位问题

平台兼容性

uni-app(4.0)

uni-app x(4.0)

cl-select

说明

该组件是根据uni-easyinput和scroll-view组件封装的下拉组件，组件样式与uni-select保持一致。

• 支持对象数组/基础类型数组的选项格式
• 输入时实时过滤选项
• 选中项自动回显
• 可自定义空状态提示
• 支持双向数据绑定
• 可以与uni-form组件搭配使用

单独使用需要配合cl-input组件

Props 属性

方法列表

插槽说明

使用方式

<template>
    <view class="content">
        <cl-select :options="options" v-model="value"></cl-select>
        选中的值：{{value}}
    </view>
</template>
<script setup>
    import {
        ref
    } from 'vue'
    const value = ref()
    const options = Array.from({length: 100}, (_, index) => {
        return {
            label: `我是展示的值${index}`,
            value: `我是选中的值${index}`
        }
    })
</script>
<style scoped>
    .content {
        padding: 30px;
    }
</style>

若有问题可联系作者：***：fjl_code_life