更新记录

1.0.1（2025-06-07） 下载此版本

1.0.1（2025-06-07）

样式布局修改接近官方样式

1.0.0（2025-06-07） 下载此版本

无

平台兼容性

云端兼容性

uni-app(4.55)

uni-app x(4.55)

其他

ay-data-mult-select 数据多选下拉框

数据多选下拉框组件，支持本地数据和云端数据，支持最大最小选择数量限制。

平台兼容性

基本用法

<template>
    <view>
        <ay-data-mult-select v-model="value" :localdata="localdata" @change="change"></ay-data-mult-select>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: [],
                localdata: [{
                    text: '选项1',
                    value: '1'
                }, {
                    text: '选项2',
                    value: '2'
                }, {
                    text: '选项3',
                    value: '3'
                }]
            }
        },
        methods: {
            change(e) {
                console.log('选中的值：', e)
            }
        }
    }
</script>

云端数据用法

<template>
    <view>
        <ay-data-mult-select v-model="value" collection="opendb-app-list" field="name as text, appid as value" @change="change"></ay-data-mult-select>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: []
            }
        },
        methods: {
            change(e) {
                console.log('选中的值：', e)
            }
        }
    }
</script>

API

Props

Events

注意事项

1. 组件支持本地数据和云端数据两种模式
2. 云端数据模式下，需要指定 collection 和 field 属性
3. 可以通过 min 和 max 属性限制选择的数量范围
4. 组件支持 v-model 双向绑定
5. 组件支持禁用状态
6. 组件支持清空已选项
7. 组件支持自定义格式化输出
8. 组件支持自定义弹出位置
9. 组件支持自定义提示文字
10. 组件支持自定义无数据提示文字

示例项目

插件示例