uniapp可输入的下拉列表_uni-app 弹出下拉条件筛选菜单组件sl-filter

简介

一款使用简单的筛选组件，适配app、微信小程序、H5。

dcloud插件市场地址：sl-filter

github demo地址：SongLazy/sl-filter

效果图

并列菜单

并列菜单

独立菜单

独立菜单

使用方式

在script中引用组件

import slFilter from '@/components/sl-filter/sl-filter.vue';

export default {

components: {

slFilter

}

}

属性说明

Props

属性名

类型

默认值

说明

menuList

Array

数组元素的个数为菜单item个数

independence

Boolean

false

是否为独立菜单，不设置该字段默认为并列菜单

titleColor

String

#666666

menuBar菜单标题颜色

themeColor

String

#000000

按钮选中颜色和确认按钮颜色

@result

function

选中条件的回调。参数为回调的条件对象

independence

默认为false，并列菜单

值

说明

true

独立菜单。筛选菜单每个子菜单选择完毕点击确定回传当前菜单结果

false

并列菜单：筛选菜单各个子菜单选择完毕点击确定后回传所有结果

数据源

menuList

属性名

类型

默认值

说明

title

String

一级筛选菜单名称

detailTitle

String

子标题，可作为说明。可不设置此字段

isMutiple

Boolean

false

是否多选。为true时，可选择多个条件；为false时，只能单选。

isSort

Boolean

为true时，为单选排序筛选方式。不填写此字段为默认筛选方式。

key

String

字段