基於vue、less的vue商品篩選組件,支持多選/單選,默認選中、默認展開/收起、重置、區間範圍值篩選

先看效果:

組件使用方式:

      <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
        },
   
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章