更新记录

1.0.8（2023-11-23）

*修复：异步加载数据时，默认下标为0时无法选中

1.0.7（2023-10-09）

*修复：异步加载数据时，默认下标下标为0时无法选中

1.0.6（2023-08-29）

新增-H5环境下点击列表外部区域，列表自动收起（小程序目前没有实现该功能） 优化-小程序环境下列表在页面加载时会闪动

平台兼容性

um-dropdown

下拉菜单

说明

um-dropdown 是基于uni-app生态的一款下拉菜单组件，可自定义文本框样式，列表类容支持数组，数组内可使用object类型

使用方法

符合uni-app的插件模块化规范配置，直接引用即可。

<template>
    <view style="width: 100px;height: 100px;">

        <um-dropdown @change="fnChange" rangeKey="label" :optionList="listData" selectedItemStyle="color:2973F8;"></um-dropdown>

    </view>
</template>
<script>
    export default {
        data() {
            return {
                optionVal: '', // 选中列表的值
                listData: [ // 列表数据
                    {
                        label: '北京',
                        value: '1',
                    },
                    {
                        label: '上海',
                        value: '2',
                    },
                    {
                        label: '重庆',
                        value: '3',
                    },
                    {
                        label: '成都',
                        value: '4',
                    }
                ]
            }
        },

        methods: {
            // 列表选中时触发事件，带出选中的值
            fnChange(e) {
                this.optionVal = e
            }
        }
    }
</script>

API

Props

Events

平台差异

交流反馈

留言信息无法实时查看，如需及时交流和反馈可加入QQ群：368365360