如何在 element_UI 的抽屉组件中使用 Vditor?

我的项目使用了 elementUI 的 Drawer 组件,我想实现的效果是和链滴的回复功能类似的效果,即点击回复按钮后页面底部弹出抽屉,抽屉内部是 Vditor 编辑器,但当我尝试在 drawer 组件中添加 Vditor 编辑器时,控制台报错如下:

image.png

mounted 部分的代码是这样的:

image.png

抽屉里面无法显示 Vditor 编辑器(应该是创建失败了),无论是使用 mounted 的方式创建 Vditor 还是当点击回复按钮后再调用自定义函数创建 Vditor 都无法创建成功,控制台依旧输出那个错误,请问如何正确的将 Vditor 组件嵌入到 drawer 中?

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    210 引用 • 1252 回帖 • 1 关注
  • ElementUI
    5 引用 • 11 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    3774 引用 • 18313 回帖 • 450 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • shuchanfang

    有人知道怎么解决不

  • leolee
    订阅者

    尝试在 drawer 中使用

    :append-to-body=true