# 筛选02

## 导入使用

```code[javascript]
import seFiltrate02 from "ss-universal-client-web/comp/data/su-filtrate-02";
```

### demo
:::demo
```html
<template>
    <div>
        {{result}}
        <su-filtrate-02 @submit="submit" placeholder="xxx" :searchLoading="searchLoading">
	        <el-button slot="right">右侧展示</el-button>
        </su-filtrate-02>
    </div>
</template>

<script>
export default {
    components: {seFiltrate02},
    data() {
        return {
            result: "",
            searchLoading:false
        }
    },
    methods:{
        submit(value){
            //this.searchLoading = true
            console.log("筛选数据为：",value);
        } 
    }
}
</script>

```
:::

## Attributes

| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |--------------                        |---------- |------      |--------
| placeholder    |  --             | String    | -- | 请输入内容|
| defSubmit  |  是否默认执行submit   | Boolean    | -- | true|
| searchLoading  |  加载状态         | Boolean    | true：加载中，false：无状态 | false|


## Slot

| 插槽名称        | 说明      |
|----------      |--------  |
| right     | 右侧展示  |

## Events

| 事件名称    | 说明     |
|---------- |-------- |
| submit    | 默认会执行一次，可通过添加 :defSubmit="false" 去除