Skip to content

KaSearchBar 搜索栏 ​

可折叠的搜索区域容器组件,用于表单筛选条件区域。

使用场景 ​

  • 列表页面筛选区
  • 高级搜索表单
  • 数据查询条件
  • 报表筛选选区
  • 可折叠的表单区域

Props ​

属性类型默认值说明
showTogglebooleantrue是否显示折叠按钮
backgroundbooleanfalse是否显示背景色
foldbooleanfalse折叠状态(支持 v-model)

Slots ​

名称说明
default搜索表单内容,slot props: { fold: boolean, toggle: () => void }

Events ​

事件名参数说明
togglevalue: boolean折叠状态变化时触发

注意事项 ​

  1. 折叠内容:当 fold 为 true 时,内容区域会被折叠(通过 slot 控制显示逻辑)
  2. 折叠按钮:默认在底部显示折叠/展开按钮
  3. 双向绑定:fold 支持 v-model 双向绑定
  4. 内容控制:需要在 slot 内根据 fold 值控制内容的显示