基於vue、less的vue商品篩選組件,支持多選,自定義全部

先看效果:


組件代碼:

<template>
<dl class="filterItem">
    <dt>{{label}}:</dt>
    <dd :class="{hasMore: hasMore}" ref="item">
        <template v-if="firstItemText">
            <div class="item" :class="{active: !value.length}" @click="itemClick(firstItemText)">{{firstItemText}}</div>
        </template>
        <div v-for="(item, i) of list" :key="i" class="item" :class="{active: value.includes(item.value?item.value:item.label?item.label:item)}"
            @click="itemClick(item.value?item.value:item.label?item.label:item)">
            {{item.label?item.label:item}}
        </div>
        <template v-if="showMore">
      
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章