问题 #2204💬 已回答提出于 2019年8月20日作者 pouyamiralayi1 个反应

Vue生成组件的自定义处理器回调

快速解答作者 artf1

嗯,我可能没描述得对,尤其是这个: “''js 默认情况下,GrapesJS 已经支持 React 元素 所以这个功能的目的只是理解由JSX生成的对象并将其转换为GrapesJS组件定义对象,而不是用来理解React/Vue组件本身 在你的例子中,你成功加载了一个Vue组件,但无法编辑它,因为它不是编辑器的一部分,更像是编辑器的静态内容。你可能需要一些自定义CSS来让这些按钮扩展到包装器。

阅读下方完整回答 ↓

问题

你好!我最近遇到了一个新推出的超棒功能[这里](https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/dom_components/config/config.js#L40-L58) 在这里你可以对React生成的元素进行处理,非常棒。 目前我正在开发一些第三方组件,这些组件使用Vue作为编译器。 我目前采用的方法是如下,效果良好: “''js 脚本:函数 () { const appl = new Vue({ El:“#ccid” 数据:{ 信息:“按钮” }, 模板:“<q-btn>{{消息}}</q-btn>' }).$mount() $(this).append(appl.$el); } ``` 结果大致如下: ![qbtn](https://user-images.githubusercontent.com/53266765/63349094-f292bd80-c36f-11e9-927e-300c4d3e75bd.png) 现在的问题是: ![qbtn](https://user-images.githubusercontent.com/53266765/63349266-48676580-c370-11e9-94cb-d510315ea075.png) 当...

回答(1)

artf2019年8月24日

嗯,我可能没描述得对,尤其是这个: “''js 默认情况下,GrapesJS 已经支持 React 元素

我需要用
“''js
默认情况下,GrapesJS 支持已从 React JSX 预设生成的元素

所以这个功能的目的只是理解由JSX生成的对象并将其转换为GrapesJS组件定义对象,而不是用来理解React/Vue组件本身

在你的例子中,你成功加载了一个Vue组件,但无法编辑它,因为它不是编辑器的一部分,更像是编辑器的静态内容。你可能需要一些自定义CSS来让这些按钮扩展到包装器。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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