组件模型和视图每次被拖拽到Canvas中所有可以放置的组件时都会加载

Question

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ Chrome 版本 130.0.6723.59（官方版本）（arm64） 可复制演示链接 https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 描述一下那个虫子 如何复现这个漏洞？打开控制台。在画布内放置多个组件（例如用三列方便复现）。将extra类别末尾添加的test-comp组件拖曳到新增组件上。 预期的行为是什么？ 组件model和 viewInit 事件（至少不确定是否有其他）应该只在将组件放入画布时触发，而不是每次拖到可丢弃组件上方时触发。 目前的行为是什么？ 组件model和view初始事件每次拖动到可以丢弃的组件上都会触发，丢弃时会触发两次。这会带来很多问题，尤其是比如你触发一个模态打开时（如果没有条件，它会添加的模态数量和触发次数init一样多）。 我也为v0.21.13（https://codepen.io/btmkt/pen/OJKOrPQ?editors=1111）创建了一支笔，这样你就能看到区别，重现问题的步骤是一样的。 我目前...

artf · Accepted Answer

@mohamedsalem401这很可能是因为编辑器太肤浅了。 我觉得利用canMove中的“临时”选项（我们已经用它跳过部分动作）是合理的。你怎么说？ “''js const wrapper = this.getShallowWrapper（）; srcModel = wrapper？.附录（来源，{ 临时：真实}）[0] ||无效; ```

mohamedsalem401 · Answer

@artf 是的，我怀疑这和“浅层编辑器”有关。希望临时方案能奏效，然后我再开永久居民申请

bt-mkt · Answer

@mohamedsalem401这很可能是因为编辑器太浅了。我觉得利用canMove中的“临时”选项（我们已经用它跳过部分动作）是合理的。你怎么说？“''jsconst 包装器 = this.getShallowWrapper（）;srcModel = wrapper？.附录（来源，{ 临时：真实}）[0] ||无效;``` 你好，@artf， 上面看到的改动（我看到已经实现了）似乎并没有解决我遇到的问题。它和0.22.1版本一样。 我已经把手写笔升级到了0.22.3（https://codepen.io/btmkt/pen/QWeOJRB?editors=1111），也在应用里做了一些测试，结果证实了上述情况。 谢谢。希望你能再试一次。

组件模型和视图每次被拖拽到Canvas中所有可以放置的组件时都会加载

问题

回答（4）

相关问答

Custom component view onRender is called early

编辑器大小调整时组件工具会出现错位

视图中的事件处理程序未绑定到组件

编辑者未订阅选择器：移除

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类