自定义动态列表在绑定数组并展开行以匹配长度后会冻结
你在GrapesJS中遇到的自定义动态列表组件冻结的问题，是典型的事件反馈循环。这是因为负责更新行计数的事件监听器过于宽泛，导致它在无限循环中重新触发。 根本原因 你的editor.on('component:update:attributes', ...)监听器设计成在组件的任何属性被更新时做出反应。当你将数组变量绑定到动态列表组件时，其DLATTRARRAYVAR属性会发生变化，正确触发监听器并随后ensureRowCountByArray。 ensureRowCountByArray函数随后通过添加或删除动态列表组件的子节点（通过添加或删除ROWTYPE组件）进行修改。在GrapesJS中，修改组件的子节点本质上是对其内部c...
阅读下方完整回答 ↓问题
GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ 140.0.7339.214（正式版本） （x8664） 可复制演示链接 https://codesandbox.io/p/devbox/d27l6n 描述一下那个虫子 我想基于GrapesJS创建一个自定义的动态列表组件（默认为3行）。它可以绑定到数组变量，并根据数组长度动态改变容器中的行数。现在我遇到了冻结问题。重现步骤如下： 点击左侧的变量标签，创建一个长度为4的新数组变量。 [![请输入图片描述][1]][1] 回到组件标签，将动态列表容器组件拖到画布上。 选择你刚拖入的动态列表组件。右侧的样式标签页会显示一个下拉菜单，用于绑定数组变量。选择步骤1中创建的数组变量。选择后，画布上的动态列表从3行变为4行，这是预期中的。 [![请输入图片描述][2]][2] 将鼠标移到画布上的动态列表组件（现在有4行）。你会注意到页面会冻结。 经过调查，关键问题出在根据数组长度调整容器行数的逻辑，但我没能确定原因。 editor.on('component:update:attributes', (comp: any, attrs?: any, opts?: any) => { console.log（'component：update：attributes'） 如果 （isSyncing（editor...
回答（1）
你在GrapesJS中遇到的自定义动态列表组件冻结的问题，是典型的事件反馈循环。这是因为负责更新行计数的事件监听器过于宽泛，导致它在无限循环中重新触发。 根本原因 你的editor.on('component:update:attributes', ...)监听器设计成在组件的任何属性被更新时做出反应。当你将数组变量绑定到动态列表组件时，其DLATTRARRAYVAR属性会发生变化，正确触发监听器并随后ensureRowCountByArray。 ensureRowCountByArray函数随后通过添加或删除动态列表组件的子节点（通过添加或删除ROWTYPE组件）进行修改。在GrapesJ...
相关问答
通过相似的问题讨论继续研究。
问题 #5086
Style：property：update 和 Property onChange 都被过度触发
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 112.0.5615.137（官方版本） 可复制演示链接 https://jsfiddle.net/SagarMaria/sunygp2f/3/ 描述一下那个虫子 如...
问题 #3465
Update breaks some things with css
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可...
问题 #4573
ParseStyle is not a function
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ Firefox 104.0.1可复制演示链接 https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771描述一下那个虫子 如何复现这个漏洞？创...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。