更新记录

1.0.10（2024-04-11）

placeholder无效优化

1.0.9（2024-03-29）

解决浏览器点击无反应问题

1.0.8（2023-03-28）

修复回显找不到相应的值报错问题

平台兼容性

属性说明

事件说明

案例

<template>
    <view>
          <view class="main">
               <view>单选</view>
                <ld-select :list="options"
                label-key="label" value-key="value"
                placeholder="请选择"
                clearable
                v-model="value"
                @change="selectChange"></ld-select>

                <view>多选</view>
                <ld-select :multiple="true" :list="options"
                label-key="label" value-key="value"
                placeholder="请选择"
                clearable
                v-model="value2"></ld-select>

                <view>禁用</view>
                <ld-select :list="options"
                label-key="label" value-key="value"
                disabled
                v-model="value3"></ld-select>

                <view>自定义样式</view>
                <ld-select :multiple="true" :list="options"
                label-key="label" value-key="value"
                cancelText="嘻嘻"
                confirmText="哈哈"
                placeholder="请选择"
                selectColor="red"
                selectBgColor="#00ff00"
                bgColor="#ffffff"
                clearable
                v-model="value4"></ld-select>

            </view>
    </view>
</template>

<script>
    import ldSelect from '@/components/ld-select/ld-select.vue'
    export default {
        components: {ldSelect},
        data() {
            return {
                value: '',
                options: [{
                  value: '选项1',
                  label: '黄金糕'
                }, {
                  value: '选项2',
                  label: '双皮奶'
                }, {
                  value: '选项3',
                  label: '蚵仔煎'
                }, {
                  value: '选项4',
                  label: '龙须面'
                }, {
                  value: '选项5',
                  label: '北京烤鸭'
                }],
                value2: [],
                value3: ['选项1','选项2'],
                value4: []
            }
        },
        onLoad() {
            let that = this
            // 回显
            setTimeout(function(){
                that.value2 = ['选项2','选项4']
            }, 2000)
        },
        methods: {
            selectChange(val){
                console.log(val);
            }
        }
    }
</script>