更新记录

1.1.0（2020-11-01）

增加下拉框select是否禁用，增加option禁用可选项，修复change事件再次选择相同时触发问题

1.0.1（2020-10-31）

解决v-model无效的问题

1.0.0（2020-10-31）

无

平台兼容性

一款类element ui的select下拉组件

快速上手

​

<template>
    <view class="content">
        <hyj-select v-model="value" placeholder="请选择" >
            <hyj-option v-for="(item,index) in options" :label="item.label" :key="index"                                :value="item.value" :disabled="item.disabled">
            </hyj-option>
        </hyj-select>
    </view>
</template> 
<script>
import HyjSelect from "@/components/hyj-select/hyj-select.vue"
import HyjOption from "@/components/hyj-select/hyj-option.vue"
    export default {
        components:{
            HyjSelect,HyjOption
        },
        data() {
            return {
                options: [{
                          value: '选项1',
                          label: '黄金糕'
                        },
                                {
                          value: '选项2',
                          label: '双皮奶',
                          disabled:true
                        }, {
                          value: '选项3',
                          label: '蚵仔煎'
                        }, {
                          value: '选项4',
                          label: '龙须面'
                        }, 
                                {
                          value: '选项5',
                          label: '北京烤鸭'
                        }],
                value:"",
            }
        },
        methods: {
            selectChange(e){
                console.log(e)
            }
        }
    }
</script>

参数说明

select-property

select-event

option-property

notice

目前已测试兼容H5端和微信小程序，app端未测试