u1-search 搜索框

u1-search 是基于 uView u-search 修改的搜索组件。

基础用法

<template>
  <u1-search 
    placeholder="请输入搜索内容" 
    v-model="keyword" 
    @search="onSearch" 
    @custom="onSearch"
  >
  </u1-search>
</template>

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

Props

参数	说明	类型	默认值
value	搜索关键词 (v-model)	String	-
shape	形状，round-圆形，square-方形	String	'round'
bgColor	背景颜色	String	'#f2f2f2'
placeholder	占位文字	String	'请输入关键字'
clearabled	是否启用清除控件	Boolean	true
focus	是否自动获得焦点	Boolean	false
showAction	是否显示右侧控件	Boolean	true
actionText	右侧控件文字	String	'搜索'
animation	是否开启动画	Boolean	false

Events

事件名	说明	回调参数
change	输入内容发生变化时触发	value
search	用户确定搜索时触发	value
custom	用户点击右侧控件时触发	value
blur	失去焦点时触发	value
clear	点击清除按钮时触发	-