PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #4851💬 已回答提出于 2023年1月17日作者 chaegumi0 个反应

This.on('change:attributes:type', this.handleTypeChange)不支持数组类型

快速解答作者 artf

监听者看不到深度变化,所以这种情况下你得重新创建一个数组 “''js component.set(this.traitName, [...this.items]); ```

阅读下方完整回答 ↓

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 108.0.5359.125可复制演示链接 https://codesandbox.io/s/frosty-darkness-7po7xl描述一下那个虫子 如何复现这个漏洞?使用 myBlock点击测试按钮 预期的行为是什么? this.on(“change:list1”, this.handleList1Change); 每次都要工作 目前的行为是什么? this.on(“change:list1”, this.handleList1Change); 只跑一次 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: ![图片](https://user-images.githubusercontent.com/9654650/212915819-60c76b70-9c1f-4b29-baca-4d3716102b06.png) 行为准则[X] 我同意遵守本项目的行为准则

回答(3)

artf• 2023年1月18日

监听者看不到深度变化,所以这种情况下你得重新创建一个数组 “''js component.set(this.traitName, [...this.items]);

chaegumi• 2023年1月18日

谢谢@artf。 我用 JSON.stringify 和 JSON.parse 来处理数据。

GJSBlock• 2026年5月17日

谢谢你举报,@chaegumi。 关于this.on('change:attributes:type', this.handleTypeChange)不支持数组类型的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor...

相关问答

通过相似的问题讨论继续研究。

问题 #5232

工作者 - 无头“文档未定义”

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 114.0.5735.133 可复制演示链接 不可能添加工蚁来繁殖。 描述一下那个虫子 如何复现这个漏洞?添加一名网页工作人员。在工作者内部设置“无头”选项初始化 GrapesJS 。添...

4 个回答更新于 2023年7月11日

问题 #3948

每次页面重新加载后,“我的选项”(在特质中)都会被重置

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞?安装 Grapes js并实现选择组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么?...

2 个回答更新于 2021年11月22日

问题 #4792

Drag and drop broken in 20.2

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中在组件添加时将编辑器设置为绝对拖拽模式,丢弃组件后再将该组件...

4 个回答更新于 2022年12月20日

问题 #4601

在切换某些目标时,添加到样式管理器的自定义类型 update() 不再被触发。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞?打开 jsfiddle 链接。点击两个div之间,然后在任一d...

4 个回答更新于 2022年9月25日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。