Skip to content

SearchForm 场景示例

基础筛选栏

适合承接“关键词 + 状态 + 日期”这一类高频筛选组合,也可以顺带观察 placeholder 的优先级。

适合列表页顶部筛选栏。

折叠字段与自定义场景切换

当筛选项继续增长时,可以把次级字段收进折叠区,同时保留少量插槽做业务差异化。这个示例也会演示 hidden / disabled 的函数式写法,以及输入框 Enter 查询约定。

普通输入框按 Enter 会直接触发查询,select 和 textarea 不会。