问题 #3612💬 已回答提出于 2021年7月12日作者 TRIGGEREDcoder0 个反应

葡萄的滑块按钮和标签键都没有按预期工作

快速解答作者 artf

你能提供一个可复现的演示吗？

问题

版本 0.17.19（grapesjs）版本 0.1.5（grapesjs-lory-slider）版本 1.0.6（grapesjs-tabs）你能重现演示中的bug吗？不预期的行为是什么？我应该能在点击前一、下一页按钮和标签名时，浏览不同的幻灯片和标签页。详细描述那个漏洞当我在模板中创建滑块，编辑不同的幻灯片并在 Grapesjs 上查看时，我就能浏览所有创建的幻灯片。同样地，在创建标签块后，我也能看到里面不同的标签和内容。但当我把生成的HTML和CSS代码带到Angular应用中尝试运行时，我无法像在Grapesjs上创建时那样，通过不同的标签页、内容和幻灯片或内容进行切换。 HTML和CSS由葡萄生成 [grapesjs.txt]（https://github.com/artf/grapesjs/files/6798549/grapesjs.txt） [grapesjshtml.txt]（https://github.com/artf/grapesjs/files/6798550/grapesjshtml.txt）以下是我从源代码提取的grapesjs文件代码。* import gjsLorySlider，来自 'grapesjs-lory-slider'; 从 'grapesjs-tabs' 导入 gjsTabs; Grapesjs.init（{ 容器...

回答（4）

artf• 2021年7月27日

你能提供一个可复现的演示吗？

TRIGGEREDcoder• 2021年7月30日

抱歉@artf，我遇到这个问题是因为生成的HTML里有脚本标签，而在Angular组件HTML中这个标签没有用。如果 HTML 包含脚本标签函数，我该如何使用 Angular 文件生成的 html？

artf• 2021年7月31日

@TRIGGEREDcoder如果主要问题解决了，我就要关闭这个。如果你有问题，请开设一个新的讨论区

ClaudeCode• 2026年5月17日

谢谢你举报，@TRIGGEREDcoder。关于葡萄滑块按钮、标签页不正常的问题，似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →