Layui TreeTable 组件问题 about layui

[github-actions]

@kesry 你好，请提供一个最小化的重现，以便我们为你协助排查问题。良好的重现应当包括但不仅限于：

• 产生问题的详细步骤
• 与问题相关的完整代码
• 在线 Demo (推荐通过 stackblitz 或 codepen 创建)

详见：🍀 Layui Issue 贡献指南
延伸：👉 为什么要提供最小化重现？

[sentsim]

建议：

1. 升级 Layui 版本到最新的 2.9.10版本
2. 或改成深度重载 treeTable.reload(link.id, link, true);

[kesry]

<title>Demo</title> <script type="text/html" id="TPL-treeTable-demo">

获取选中数据

</script> <script type="text/html" id="TPL-treeTable-demo-tools">

查看 新增 更多

</script> <script src="https://unpkg.com/[email protected]/dist/layui.js"></script> <script> const newData = { "children": [], "filter": null, "isParent": false, "menu_id": 1, "menu_name": "测试2", "parent_id": 0, "role": 0, "status": 1, "tab_content": "123" }; const link = { //菜单列表开始 id: '#ID-treeTable-demo', isTreeTable: true, elem: '#ID-treeTable-demo', url: `./data.json`, // 此处为静态模拟数据，实际使用时需换成真实接口 tree: { customName: { id: "menu_id", pid: "parent_id", name: "menu_name" } }, minHeight: '700px', defaultToolbar: ["filter"], cols: [[ {field: 'menu_id', title: '菜单ID', width: 100, sort: true}, {field: 'menu_name', title: '菜单名', width: 180 }, {field: 'filter', title: '表单filter', width: 120}, {field: 'status', title: '状态', width: 90}, {field: 'role', title: '访问权限', width: 100} ]], // page: true }; layui.use(function(){ var treeTable = layui.treeTable; var layer = layui.layer; // 渲染 var inst = treeTable.render(link); // 表头工具栏工具事件 treeTable.on("toolbar(ID-treeTable-demo)", function (obj) { var config = obj.config; var tableId = config.id; var status = treeTable.checkStatus(tableId); // 获取选中行 if (obj.event === "getChecked") { if(!status.data.length) return layer.msg('无选中数据'); console.log(status); layer.alert("当前数据选中已经输出到控制台，
您可按 F12 从控制台中查看结果。"); } }); // 单元格工具事件 treeTable.on('tool('+ inst.config.id +')', function (obj) { var layEvent = obj.event; // 获得 lay-event 对应的值 var trElem = obj.tr; var trData = obj.data; var tableId = obj.config.id; if (layEvent === "detail") { layer.msg("查看操作：" + trData.name); } else if (layEvent === "addChild") { //往后台添加数据之后 // 这一步报错 treeTable.reload(link.id, link); } else if (layEvent === "more") { // 下拉菜单 } }); }); </script>

[kesry]

大概就是这样，就是添加菜单之后，reload报错

[kesry]

https://stackblitz.com/edit/stackblitz-starters-c6zvkj?file=index.js
后台大概是这样

[github-actions]

@kesry 你好，为了提升沟通效率，我们对 Issue 制定了严格的要求，你的 Issue 因不符合规定而被自动关闭。
建议你在下次创建 Issue 时，遵循相应规范和社区行为准则。谢谢。

详见：🍀 Layui Issue 贡献指南

[Sight-wcg]

https://antfu.me/posts/why-reproductions-are-required-zh

https://stackoverflow.com/help/minimal-reproducible-example