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

883 B

#### 搜索框 带有搜索按钮的输入框。 #### Search box Example of creating a search box by grouping a standard input with a search button.
<template>
  <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>
</template>

<script>
export default {
  methods: {
    onSearch (value) {
      console.log(value)
    },
  },
}
</script>