ant-design-vue/components/input/demo/search-input.md

46 lines
883 B
Markdown
Raw Normal View History

<cn>
#### 搜索框
带有搜索按钮的输入框。
</cn>
<us>
#### Search box
Example of creating a search box by grouping a standard input with a search button.
</us>
```html
2017-12-07 04:31:12 +00:00
<template>
2018-04-07 06:29:59 +00:00
<div>
<a-input-search
placeholder="input search text"
style="width: 200px"
@search="onSearch"
/>
<br /><br />
<a-input-search
placeholder="input search text"
@search="onSearch"
enterButton
/>
<br /><br />
<a-input-search placeholder="input search text" @search="onSearch" enterButton="Search" size="large" />
<br /><br />
<a-input-search placeholder="input search text" @search="onSearch" size="large">
<a-button slot="enterButton">Custom</a-button>
</a-input-search>
</div>
2017-12-07 04:31:12 +00:00
</template>
<script>
2017-12-07 04:31:12 +00:00
export default {
methods: {
onSearch (value) {
console.log(value)
},
},
}
</script>
```