基础用法

最简单的搜索表单实现，包含基本的输入框、选择器等表单元素。适用于大多数简单的搜索场景。

基础搜索表单

基本配置说明

搜索项配置

• 输入框搜索：使用 render: 'input' 创建文本输入框
• 选择器搜索：使用 render: 'select' 配合 options 创建下拉选择
• 日期搜索：使用 render: 'date-picker' 创建日期选择器

基本属性

• label：搜索项的标签名称
• prop：对应表单数据的键名
• render：指定渲染的组件类型

使用场景

1. 用户列表搜索

适用于按用户名、邮箱、状态等条件搜索用户信息。

2. 商品信息筛选

适用于按商品名称、分类、价格区间等条件筛选商品。

3. 订单查询

适用于按订单号、订单状态、下单时间等条件查询订单。

关键特性

• ✅ 简洁易用的API设计
• ✅ 支持多种表单组件类型
• ✅ 自动的表单数据收集和处理
• ✅ 内置搜索和重置功能
• ✅ 完善的事件回调机制

相关链接

• 高级搜索 - 了解更复杂的搜索配置
• 响应式布局 - 了解自适应布局配置
• 表单验证 - 了解表单验证功能