先看效果:
組件使用方式:
<FilterItem
label="省份"
:firstItemText="'全國'"
:list="areaList"
@change="changeProvince"
ref="provinceFilter"
:open="true"
/>
屬性/事件 說明:
props: {
label: {//左側的標題
type: String,
required: true
},
firstItemText: {//第一項的展示的選項,表示重置、選中全部或者不選
type: String,
required: true
},
list: {//選項,格式["item"]|[{value:1,key:"a"}]
type: Array,
required: true
},
multiple: {//是否支持多選
type: Boolean,
default: false
},