回车触发搜索需手动监听keydown事件并调用table.reload()，因layui无table.search方法；必须用keydown阻止表单默认提交，推荐事件委托绑定；where参数须为对象，且需校验空值。
回车触发搜索不是 layui 内置功能，必须手动监听 keydown 事件并调用 table.reload()，否则按回车只会提交表单或无响应。
为什么 table.search 不存在
Layui 官方从未提供 table.search 方法——控制台执行会返回 undefined。所有“启用搜索”的说法都是开发者自行封装的逻辑。Layui 只负责渲染，过滤、重载、参数透传全要你写。
监听回车必须用 keydown，不能用 keyup 或 submit
浏览器原生行为是：表单内 <input type="text"> 获焦时按 Enter 就会触发表单 submit，这和 Layui 无关。想拦截它，只能在原生事件阶段阻止：
-
keydown是唯一能可靠捕获并调用e.preventDefault()的时机；keyup已晚，submit 可能已发出 -
form.on('submit()')回调里return false不起作用——submit 事件早已完成冒泡 - 若搜索框不在
<form></form>内，就不存在自动提交问题，但仍需keydown触发 reload
绑定位置决定是否内存泄漏
在 table.render 的 done 回调里直接写 layui.$('input[name="xxx"]').on('keydown', ...) 看似简单，但表格频繁 reload 时，每次都会新建 DOM 并重复绑定，监听器越积越多，最终卡顿。
正确做法是用事件委托，只绑一次：
layui.$(document).on('keydown', 'input[name="username"]', function(e) {
if (e.key === 'Enter') {
e.preventDefault();
table.reload('userTable', {
where: { username: this.value.trim() },
page: { curr: 1 }
});
}
});
注意点：
- 选择器必须精确匹配目标 input，比如
name、class或自定义data-search-field - 不要在
done里重复绑定，把这段代码放在table.render()调用之前或页面初始化时 - 如果搜索框是动态插入（如弹窗内），委托到最近的静态父容器比
document更高效
后端参数拼接必须走 where 对象
table.reload() 的 where 参数必须是对象，不能是字符串或数组：
- ✅ 正确：
where: { keyword: '张三' }→ 请求 URL 自动变成/api/user?keyword=张三&limit=10&curr=1 - ❌ 错误：
where: 'keyword=张三'或where: ['keyword=张三']—— Layui 会忽略或报错 - 多个条件直接加字段：
where: { username: '张', status: 1 }，后端按 query string 解析即可
如果你用的是前端过滤（不推荐），别碰 table.cache——它已被分页截断，应提前缓存原始数据，再用 filter() + data: filteredArray 重载。
最易被忽略的其实是空值处理：用户按回车但输入框为空，this.value.trim() 得到空字符串，直接传给后端可能查出全部数据。生产环境务必加判断：if (!this.value.trim()) return;
