header-search 头部搜索

header-search 是一个头部搜索栏组件，常用于首页或列表页顶部。

基础用法

<template>
  <header-search v-model="keyword" @searchKeywordFun="onSearch"></header-search>
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  },
  methods: {
    onSearch(val) {
      console.log('搜索:', val)
    }
  }
}
</script>

Props

参数	说明	类型	默认值
value / v-model	搜索关键词	String	''
disabled	是否禁用输入框	Boolean	false
clearabled	是否显示清除按钮	Boolean	true
isvalue	是否回显 vuex 中的 searchKey	Boolean	false
placeholder	占位符	String	''
focus	是否自动聚焦	Boolean	false

Events

事件名	说明	回调参数
searchKeywordFun	确认搜索/点击搜索图标时触发	value
change	输入框内容变化时触发	value
input	输入框内容变化时触发	value
focus	输入框获得焦点时触发	-
clear	点击清除按钮时触发	-