更新记录

1.0（2024-12-20） 下载此版本

初始发布，无边框下拉选择

平台兼容性

uni-app

其他

<view class="one">
    <DropdownVue
    :options="dropdownOptions" 
    placeholder="下拉选择" 
    @option-selected="handleOptionSelected" 
    selectedColor="#49D296"
    />  
</view>
<view class="one">
    <DropdownVue
    :options="dropzhushuOptions" 
    placeholder="快捷查询" 
    @option-selected="handlezhushuSelected" 
    selectedColor="#49D296"     // 选中后的字体颜色
    />  
</view>

import DropdownVue from '../components/yuanaxue-select/Dropdown.vue'

export default {
    components:{
        DropdownVue
    },
    data() {
        return {
            //数据源
           dropdownOptions: ['0-10', '10-20', '20-30', '30以上'],
           dropzhushuOptions:['0-10', '10-20', '20-30', '30以上'], 

        };
    },
    methods: {
         handleOptionSelected(selectedOption) {
              console.log('选中的选项:', selectedOption);
        },
        handlezhushuSelected(selectedOption) {
              console.log('选中的选项:', selectedOption);
        },

    }
}

.one{
        width: 31%;
        font-size: 14px;
    }