SearchBar 搜索框

使用指南

组件介绍

搜索框

引入方式

import { SearchBar } from 'feart';

components: {
  "fe-search-bar": SearchBar
}

代码演示

基础用法

<fe-search-bar v-model="value" />

样式风格

<fe-search-bar v-model="value" searchType="plain" />

隐藏取消按钮

<fe-search-bar v-model="value" :showCancelButton="false" />

禁止使用

<fe-search-bar v-model="value" disabled />

手动聚焦

<fe-search-bar ref="search" v-model="value" />

this.$refs.search.focus();

事件

<fe-search-bar
  v-model="value"
  :results="results"
  :showCancelButton="showCancelButton"
  :showClear="showClear"
  :defaultValue="defaultValue"
  :showResult="showResult"
  @on-enter="onSubmit"
  @on-change="onChange"
  @on-focus="onFocus"
  @on-blur="onBlur"
  @on-clear="onClear"
  @on-cancel="onCancel"
  @on-result-click="onResultClick"
/>

API

Props

Event

Methods