更新记录

1.0.2（2024-12-10） 下载此版本

更新选择框超出问题与弹出选项右侧无字段不宽度不占满问题

1.0.1（2024-11-22） 下载此版本

更新禁用出现的字段错误问题

1.0.0（2024-09-27） 下载此版本

初始

平台兼容性

组件名：lfj-dropdown-box

代码块： lfj-dropdown-box

本插件基于官方插件 uni-data-select 进行二次开发拓展功能，支持uni-data-select本身功能不变（表单验证等）

拓展功能

1. 单选
2. 多选
3. 搜索
4. 下拉加载
5. 右侧文字

API

lfj-dropdown-box Props

示例 （详细用法请下载示例项目）

    详细介绍请下载

    <lfj-dropdown-box
    v-model="value3"
    placeholder="请选择内容"
    dropDownLoading
    rightTextShow
    multiple
    :loadStatus="loadStatus"
    :localdata="localdata"
    @lower="lower"
    @change="change"
></lfj-dropdown-box>

lower() {
    // 模拟接口数据
    let data = [
        {
            text: '新增数据1',
            value: '1ewq',
            rightText: 'rightText'
        },
        {
            text: '新增数据2',
            value: '2qwr',
            rightText: 'rightText'
        },
        {
            text: '新增数据3',
            value: '32weq',
            rightText: 'rightText'
        }
    ];
    let pageNum = Math.ceil(this.total / this.pageSize);
    if (this.pageNum < pageNum) {
        this.pageNum++;
        this.loadStatus = 'loading';
        setTimeout(() => {
            this.localdata.push(...data);
        }, 2000);
    } else {
        this.loadStatus = 'nomore';
    }
},
change(e) {
    console.log('回显的数据', e);
},