## Filter 筛选

### 使用指南
``` javascript
import { Filter } from 'vortex-mobile';

Vue.use(Filter);
```

### 代码演示

#### 基础用法
筛选可作为搜索条件的入参过滤组件

```html
<vm-filter
  :options="options1"
  @select="onSelect">
</vm-filter>
```

#### 可多选筛选条件用法

只需加上multiple属性即可

```html
<vm-filter
  :options="options2"
  @select="onSelect"
  multiple>
</vm-filter>
```

#### 有默认激活项的用法

通过active-index来设定要默认激活的索引值

```html
<vm-filter
  :options="options3"
  @select="onSelect"
  active-index="2">
</vm-filter>
```

```javascript
export default {
  data() {
    return {
      options_: [
        { text: '筛选项1' },
        { text: '筛选项2' },
        { text: '筛选项3' },
        { text: '筛选项4' },
        { text: '筛选项5' },
        { text: '筛选项6' },
      ]
    };
  },

  methods: {
    onSelect(itemList, idnexList) {
      let itemText = '',indexText = '';
      itemList.forEach(item => itemText+=item.text+',');
      idnexList.forEach(item => indexText+=item+',');
      this.$toast(`选中项：${itemText}索引：${indexText}`);
    }
  }
};
```

### API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| options | 选项数据，每一项的`text`属性将作为展示名称 | `Array` | - | - |
| multiple | 是否启用多选 | `Boolean` | `false` | - |
| active-index | 默认激活项的索引 | `Number` `String` | - | - |

### Event

| 事件名 | 说明 | 参数 |
|------|------|------|------|------|
| select | 点击选中项时触发 | `param1`:选中项集合数组,`param2`:选中项索引数组 |