问题 #2614💬 已回答提出于 2020年3月2日作者 makbari1 个反应

自定义组件的递归视图更新

快速解答作者 makbari1

好的。我找到了一个变通办法。既然这个问题太具体了,我就结束了这个问题。 感谢大家的支持。

阅读下方完整回答 ↓

问题

你好, 我定义了一个自定义类型,比如: “JavaScript 编辑。DomComponents.addType('customType', { 型号:{ 默认值:{ 类型:'customType', 标签名称:'customTag', 可文本:1, 可拖拽:正确, 可拖拽:['p', 'div', 'span'] }, }, isComponent(el: HTMLElement) { 令结果; const tag = el.tagName; if (tag == 'CUSTOMTAG') { 结果 = { 类型:'customType', 标签名称:tag.toLowerCase(), }; } 返回结果; }, 浏览量:{ async onRender(elem: any) { let element: HTMLElement = elem.el; waitit.getContent(element); }, async getContent(element: HTMLElement) { 令 path = element.getAttribute('href'); 如果(路径) { res = await apiCall.loadData(path); } res.结果包含html。 它也可以包含 cutomTag 元素。 element.innerHTML = res....

回答(3)

makbari2020年3月4日

好的。我找到了一个变通办法。既然这个问题太具体了,我就结束了这个问题。 感谢大家的支持。

makbari2020年3月3日

谢谢你的回复。 目标是保持模型为“<customTag></customTag>'',内容渲染为静态。然而,我没有找到在渲染时对静态内容做出反应的方法。这也是我想把模型和视图分开的原因,这样源代码里就有“customTag”。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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