layui.form.render() 递归调用致堆栈溢出的主因是 dom 变更触发监听器反复执行该方法，常见于事件回调中误调、layer content 函数内渲染、表格 templet 实时调用等场景，应指定类型渲染、防重入、禁用自动触发并统一初始化时机。
layui.form.render() 递归调用导致堆栈溢出
常见现象是页面卡死、控制台报 Uncaught RangeError: Maximum call stack size exceeded，尤其在表单动态增删、重复调用 form.render() 或嵌套渲染时高频出现。根本原因是 form.render() 内部触发了 DOM 变更 → 浏览器重排/重绘 → Layui 监听器再次触发 form.render() → 死循环。
实操建议：
- 避免在
form.on('radio(filter)')或form.on('checkbox(filter)')回调里直接调用form.render()—— 这是 80% 堆栈溢出的起因 - 如需更新渲染（比如新增一个 radio 组），改用
form.render('radio', 'filter-name')指定类型和 filter，不全量扫描 - 动态插入 DOM 后，确保只调用一次
form.render()，不要包裹在事件监听内部反复注册 - 检查是否误将
form.render()放在form.on()外层又在回调里再调一次，形成隐式递归
layer.open 配置中 content 为函数时无限重绘
当 content 设为函数（如 content: function(){ return '<input>'; }），且该函数内部又触发了表单初始化或 layer 重开，就可能引发渲染链路闭环。Layui 会反复执行这个函数并尝试挂载，而每次挂载又触发新事件，最终爆栈。
实操建议：
- content 函数应只返回纯 HTML 字符串，不执行任何
layui.use、form.render()或layer.open() - 需要初始化表单逻辑，统一移到
success回调里，并加防重入标记：if (!window._formInited) { form.render(); window._formInited = true; } - 禁用自动渲染：在
layer.open()配置中加shadeClose: false, closeBtn: 0，避免点击遮罩/关闭按钮意外触发重绘逻辑
表格列模板中调用 form.render() 引发连锁反应
在 layui.table 的 cols 中写函数模板，比如 templet: function(d){ form.render('radio'); return '<input type="radio" name="x" value="1">'; }，会导致每行都执行一次 form.render()，DOM 批量变更叠加，极易触发浏览器重排风暴和 JS 调用栈超限。
实操建议：
- 表格内表单控件（radio/checkbox）应提前在页面加载时一次性
form.render()，而非在 templet 中实时渲染 - 若必须动态生成单选框，用原生
input+name+value，靠 CSS 控制样式，避开form.render() - 启用表格虚拟滚动（设
height）可大幅减少 templet 执行次数，间接降低风险
form.render() + iframe 子页 onload 里又 form.render() + layer success 里再调一次。调试时别只盯报错行，要顺藤摸瓜查清整个调用链。
