# 筛选03

## 导入使用

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

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

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

```
:::

## Attributes

| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |--------------                        |---------- |------      |--------
| placeholder    |  --             | String    | -- | 请输入内容
| defSubmit  |  是否默认执行submit                       | Boolean    | -- | true

## Slot

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

## Events

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