Filter 筛选

使用指南

引入方式

import { filter } from 'feart';
components: {
  'fe-filter': filter,
}

代码演示

基础用法

<fe-filter
  :list="list"
  :condition="condition"
  :isFoot="true"
  confirmText="确认"
  resetText="重置"
  @filterchange="Change"
/>

不带 确认和重置按钮

<fe-filter :list="list" :condition="condition" :isFoot="false" @filterchange="Change" />

带配置全部参数

<fe-filter
  :list="list"
  :condition="condition"
  :isFoot="true"
  confirmText="确认"
  resetText="重置"
  @filterchange="Change"
  confirmColor='#333'
  selectColor="red"
  selectIconColor="#000"
  selectBg="#ccc"
  listRadius="5px"
  filterOffsetTop="62px"
/>

示例数组：

name是展示的筛选项名称，点击筛选项后return 选中的数组。
如果传入disabled ,就表明该筛选项禁止选择。
list: [
        {
          name: '123',
          id: '33333',
          disabled: true,
        },
]

API