# cv-search 搜索

### 简要

> 搜索

### 示例

```vue
<template>
  <view>
    <cv-search v-model="formData.name" @search="onSearch">
      <!-- 左侧预留内容插槽 -->
    </cv-search>
  </view>
</template>
<script>
export default {
  data() {
    return {
      formData: {
        name: ''
      }
    };
  },
  methods: {
    /* 监听点击搜索按钮并获取搜索框内容 */
    onSearch(e) {
      console.log('搜索框内容：' + e);
    }
  }
};
</script>
```

### 属性

| 属性名          | 类型     | 默认值 | 说明                    |
| :-------------- | :------- | :----- | :---------------------- |
| v-model         | String   | -      | 双向绑定输入框数据      |
| placeholder     | String   | -      | 占位符内容              |
| onSearch        | Function | -      | 点击搜索触发事件        |
| disableRealTime | Boolean  | false  | 是否禁止实时更新v-model |

### 事件

| 事件名 | 说明               | 返回参数   |
| :----- | :----------------- | :--------- |
| search | 点击`搜索`触发事件 | 输入框内容 |