更新记录

1.0.0（2026-01-20） 下载此版本

支持多选功能 支持选项禁用 支持自定义显示值 支持搜索 支持多选时将选中值按文字形式展示 监听搜索输入事件

平台兼容性

uni-app(3.6.18)

其他

mxl-selectDown 下拉选择器组件

支持多选功能 支持选项禁用 支持自定义显示值 支持搜索 支持多选时将选中值按文字形式展示 监听搜索输入事件

先使用前需要安装uni-icons 地址：(https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html)

<template>
    <mxl-selectDown
        :localdata="userList"
        v-model='userId'
        dataValue="userId"
        dataKey="userName"
        placeholder="请选择城市"
        @change="onChange"
        @inputChange='handleRemoteSearch'
    />
</template>

data() {
            return {
                userId:null,
                userList:[{
                    userName:'北京',
                    userId:1
                },{
                    userName:'上海2',
                    userId:2
                },{
                    userName:'天津',
                    userId:3
                }],
            }

        },
methods: {
    // 搜索事件
    handleRemoteSearch(){
        // 后台接口
    },
    // 单选变化事件
    onChange(e) {
        console.log('单选选择变化:', e);
    },
}