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

问题 #1355💬 已回答提出于 2018年8月10日作者 david-polak0 个反应

组件调整大小事件

快速解答作者 artf

你好,David,我觉得目前是你能做到的最好方案,但我也欢迎大家给我建议,让它不那么老套

阅读下方完整回答 ↓

问题

我有一个“画布”组件,需要能够注册它的缩放事件。

在深入分析代码并寻找相关模型事件后,我能想到的只有这样一个,实际上在调整尺寸时会触发:

“JavaScript handleUpdate (e) { 如果 (this.prevWidth !== this.el.clientWidth || this.prevHeight !== this.el.clientHeight) { this.prevWidth = this.el.clientWidth this.prevHeight = this.el.clientHeight this.handleResize() } },

render () { defaultType.view.prototype.render.apply(this, arguments)

this.prevHeight = null this.prevWidth = null this.handleUpdate = this.handleUpdate.bind(this) editor.on('component:styleUpdate', this.handleUpdate)

还给我 }

这方法有效,但有点生硬。

有没有更合适的活动?

回答(2)

artf• 2018年8月13日

你好,David,我觉得目前是你能做到的最好方案,但我也欢迎大家给我建议,让它不那么老套

lock[bot]• 2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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