问题 #3213✓ 已解决提出于 2020年12月30日作者 theSC0RP5 个反应

如何保存动态添加的特性

快速解答作者 artf❤ 2

我通过在组件上加一个计数属性，然后在容器的初始化中添加特征计数时间来实现。这才是正确的方法。特征会被故意跳过 JSON，否则你会暂停存储中的组件定义（例如，当你用新特征升级组件时，用户仍会看到旧的特征）

问题

你好，@artf，我有一个自定义组件，带有按钮特性。当按下按钮时，我会用“comp.addTrait（）”动态添加自定义特质。当我加载已保存的模板时，我希望容器也能显示动态添加的特征。（我用组件加载模板，但动态添加的特征没有显示出来。）我可能哪里做错了？

回答（4）

👍 最有帮助artf• 2020年12月31日

我通过在组件上加一个计数属性，然后在容器的初始化中添加特征计数时间来实现。

这才是正确的方法。

特征会被故意跳过 JSON，否则你会暂停存储中的组件定义（例如，当你用新特征升级组件时，用户仍会看到旧的特征）

theSC0RP• 2021年1月3日

@artf，谢谢你的回复。这是一条非常宝贵的信息。

theSC0RP• 2020年12月30日

我通过在组件上加一个计数属性，然后在容器的初始化中添加特征计数时间来实现。

ClaudeCode• 2026年5月17日

谢谢你举报，@theSC0RP。关于如何保存动态添加特性的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log（'component...

在 GitHub 上查看完整讨论 →