更新记录

1.0.0（2024-09-05） 下载此版本

v1.0.0：基于组件uni-drawer封装的抽屉筛选组件，所以插件依赖uni-drawer组件，使用前请引入uni-drawer

平台兼容性

uni-app

uni-app x

v1.0.0：基于组件uni-drawer封装的抽屉筛选组件，所以插件依赖uni-drawer组件，使用前请引入uni-drawer！！！

创作不易，请给五星评论

有疑问或定制 请im我

示例代码

<template>
    <view>
        <button @click="showFilter" type="primary" size="mini">点我试试</button>
        <niceui-drawer-filter ref="drawFilter" :items="filters" @changeFilter="print"></niceui-drawer-filter>
    </view>
</template>

<script>
    import NiceuiDrawerFilter from '@/components/niceui-drawer-filter.vue'
    export default {
        components:{
            NiceuiDrawerFilter
        },
        data() {
            return {
                filters:[
                    {
                        title:'单选(必选)',
                        type:'00',
                        opts:[
                            {
                                text:'选项1',
                                value:'1',
                            },
                            {
                                text:'选项2',
                                value:'2',
                            }
                        ],
                        selected:[]  //储存value集合
                    },
                    {
                        title:'单选(可选：点击自己可取消)',
                        type:'01',
                        opts:[
                            {
                                text:'选项1',
                                value:'1',
                            },
                            {
                                text:'选项2',
                                value:'2',
                            }
                        ],
                        selected:[]  //储存value集合
                    },
                    {
                        title:'多选(必选)',
                        type:'11',
                        opts:[
                            {
                                text:'选项1',
                                value:'1',
                            },
                            {
                                text:'选项2',
                                value:'2',
                            },
                            {
                                text:'选项3',
                                value:'3',
                            },
                            {
                                text:'选项4',
                                value:'4',
                            }
                        ],
                        selected:[]  //储存value集合
                    },
                    {
                        title:'多选(可选：点击自己可取消)',
                        type:'10',
                        opts:[
                            {
                                text:'选项1',
                                value:'1',
                            },
                            {
                                text:'选项2',
                                value:'2',
                            },
                            {
                                text:'选项3',
                                value:'3',
                            },
                            {
                                text:'选项4',
                                value:'4',
                            }
                        ],
                        selected:[]  //储存value集合
                    }
                ]
            }
        },
        methods: {
            showFilter() {
                this.$refs.drawFilter.$refs.filterPopup.open();
            },
            print(v){
                console.log("选中的结果是：",v)
            }
        }
    }
</script>

<style>

</style>