如何在 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。

    186 引用 • 1112 回帖
  • ElementUI
    5 引用 • 9 回帖
  • Q&A

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

    3337 引用 • 16883 回帖 • 485 关注

欢迎来到这里!

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

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