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: "陆家嘴"}]

示例展示: