更新记录

2.0.0（2020-09-28） 下载此版本

支持待筛选项滑动； 支持微信小程序；

1.0.0（2020-07-15） 下载此版本

插件初始化

平台兼容性

ren-dropdown-filter

简介

一款下拉筛选菜单，目前只在uni-app项目中使用，其他平台适配兼容未知，如有帮助到你不胜荣幸，欢迎Star！

调用示例

<view class="root">
    <ren-dropdown-filter :filterData='filterData' :defaultIndex='defaultIndex'
    @onSelected='ed' @dateChange='dateChange'></ren-dropdown-filter>
</view>

import RenDropdownFilter from '@/components/ren-dropdown-filter/ren-dropdown-filter.vue'
    export default {
        components:{
            RenDropdownFilter
        },
        data() {
            return {
                filterData:[
                    [{ text: '全部状态', value: '' }, { text: '状态1', value: 1 }, { text: '状态2', value: 2 }, { text: '状态3', value: 3 }],
                    [{ text: '全部类型', value: '' }, { text: '类型1', value: 1 }, { text: '类型2', value: 2 }, { text: '类型3', value: 3 }]
                ],
                defaultIndex:[0,0]
            }
        },
        onLoad() {

        },
        methods: {
            ed(res){
                console.log(res)
            },
            dateChange(d){
               uni.showToast({
                   icon:'none',
                   title:d
               })
            }
        }
    }

属性说明

事件说明

Tips

• 如果不用日期筛选可自行更改组件源代码来满足需求

预览