问题 #2690✓ 已解决提出于 2020年3月31日作者 adamwpe12 个反应

自定义组件在保存时消失(Vue.js)

快速解答作者 adamwpe8

@pouyamiralayi 谢谢你的建议,帮我指明了方向——他是我用来解析 Vue 组件并且能在 :) 后重新加载的例子,但对其他人可能也有帮助: 谢谢大家的帮助!

阅读下方完整回答 ↓

问题

大家好, 我正在尝试在块管理器中添加一些自定义Vue.js组件,乍一看一切正常——渲染正常,Vue组件响应良好。 但如果我保存模板,重新加载页面,并向storageManager提供“gjs-style”、“gjs-components”、“gjs-html”、“gjs-css”, 自定义组件不再渲染。看起来storageManager会移除所有脚本标签????就像我检查了我的REST GET请求一样,'gjs-html'确实包含<script>了这个标签。 保存前: ![之前](https://user-images.githubusercontent.com/49768920/77969331-640cf400-72e1-11ea-9f89-e6095926c2ed.PNG) 重新装填后: ![后](https://user-images.githubusercontent.com/49768920/77969345-6cfdc580-72e1-11ea-9852-cd912d3f9ba1.PNG) 不太确定是不是我的组件出了问题: 编辑。BlockManager.add(“vueApp”, { 标签:“Vue应用”, 分类:“基础”, id:“default-vue-app”, 内容:{ 脚本:function() { const app1El = document.cre...

回答(3)

👍 最有帮助adamwpe2020年4月2日

@pouyamiralayi 谢谢你的建议,帮我指明了方向——他是我用来解析 Vue 组件并且能在 :) 后重新加载的例子,但对其他人可能也有帮助: 谢谢大家的帮助!

mcottret2020年4月1日

你好@adamwpe! 脚本标签导入被[默认编辑器配置](https://github.com/artf/grapesjs/blob/master/src/editor/config/config.js#L86)禁用,这也解释了为什么[你的脚本标签被HTML解析器剔除](https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js#L277),将“allowScripts”编辑器配置选项设置为“true”应该能解决问题,例如: “打字稿” Grapesjs.init({ // [...] allowScrip...

pouyamiralayi2020年4月2日

@adamwpe我们以前也有类似的 https://github.com/artf/grapesjs/issues/2359#issuecomment-548134223,抱歉没能坚持到底! 这样做: 在最新版本中,无需从dView和dModel扩展。 关于 Vue JS 集成,请注意 GrapesJS 不会检测到 Vue 组件的内部结构,因为没有生成模型!如果你有机会克服这种情况,请告诉我们! 干杯!

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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