更新记录

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

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

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

修复点击清除按钮没有更新的问题

1.0.4（2025-04-28） 下载此版本

修复禁用后输入框右侧icon图标依旧会存在且可以点击的问题

平台兼容性

cl-select

说明

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

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

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