Filter
Available since 1.0.0
筛选
<sw-filter :data="filterData"></sw-filter>
data数据结构,type: 'single-row'表示单列,type: 'double-row'表示双列
[
{
type: 'single-row',
activeKey: '-1',
activeValue: '选择商区',
panelData: [
{key:'sjgy',value:'世纪公园'},
{key:'ljz',value:'陆家嘴'}
]
},
{
type: 'double-row',
activeKey: '2082',
activeValue: '雅思',
panelData: [
{
key:'2072',
value:'外语',
subPanelData: [
{
key:'2082',
value:'雅思'
}
]
},
{
key: '2033',
value: '音乐',
subPanelData: []
}
]
},
{
type: 'single-row',
activeKey: '1',
activeValue: '智能排序',
panelData: [
{key:'1',value:'智能排序'},
{key:'2',value:'离我最近'},
{key:'3',value:'人气最高'},
{key:'4',value:'评价最好'},
{key:'5',value:'人均最低'},
{key:'6',value:'人均最高'}
]
}
]
属性
属性名 | 类型 | 说明 | 默认值 |
---|---|---|---|
data
|
Array |
数据 |
[] |
事件
方法名 | 说明 | 回调参数 |
---|---|---|
on-select
|
点击某一项触发 |
当前选中的所有选项,例如:[{key:Array
"ljz", value: "陆家嘴"}] |