更新记录

1.0.2（2023-06-09） 下载此版本

增加预览二维码

1.0.1（2023-04-14） 下载此版本

增加示例

1.0.0（2023-03-31） 下载此版本

初始发布

平台兼容性

uni-app

其他

liu-select适用于uni-app项目的下拉选择组件

本组件目前兼容微信小程序、H5

本组件是简单好用的下拉选择器，支持多选、单选、自定义数据格式、自定义文字和背景颜色，简单易修改

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

<view @click="openAddress" class="btn">打开选择器</view>
<liu-select ref="scroll" :list="dataList" @change='chooseSuccess'></liu-select>

export default {
    data() {
        return {
            dataList: [{
                id: 1,
                name: '测试1'
            }, {
                id: 2,
                name: '测试2'
            }, {
                id: 3,
                name: '测试3'
            }, {
                id: 4,
                name: '测试4'
            }, {
                id: 5,
                name: '测试5'
            }, {
                id: 6,
                name: '测试6'
            }, {
                id: 7,
                name: '测试7'
            }], //数据源
        };
    },
    methods: {
        //打开选择器
        openAddress() {
            this.$refs.scroll.open()
        },
        //选择成功
        chooseSuccess(e) {
            console.log('所选择的信息:', e)
        }
    }
}

属性说明