wangeditor中v-model关联的内容必须不能为NULL,否则会报错

wljmcqd8  于 2个月前  发布在  其他
关注(0)|答案(2)|浏览(27)

bug 描述

在创建编辑器的时候,如果v-model关联的字段为null,则会报错,例如
<Editor style="height: 300px; overflow-y: hidden;" v-model="form.eventContent" :defaultConfig="editorConfig" mode="simple" @onCreated="onContentEditorCreated" />
此时,如果form.eventContent为null,那么在关闭销毁之后,会报一堆的错误,让人不知道到底哪里出了问题。
我也不知道这个是否可以算BUG?不过希望作者能够优化一下,主要是莫名其妙出的问题,让人找起来很痛苦,vue的提示又不是很友好,提示的内容让人不知道到底哪里出了问题。

如果v-model关联的对象不能为空,希望作者能够在官网提一句,我今天光这个小小的问题,找了一个下午了。。。浪费了一个下午的时间。最后是通过比对可以的代码和不可以的代码,一行一行复制,一行一行比对,改一行运行看一下,改一行,运行看一下,才发现是这个问题。真的很气人。

你预期的样子是?

官网有提示,或者增加v-model为null时的判断,让编辑器能够正常销毁。

系统和浏览器及版本号

  • 操作系统 windows 11
  • 浏览器和版本 chrome最新版本

wangEditor 版本

最新版本

demo 能否复现该 bug ?

最小成本的复现步骤

  • 步骤一
  • 创建dialog,并初始化标签
  • 步骤二
  • 将v-model关联的参数字段设置为null
  • 步骤三
  • 初始化完成后,鼠标点击富文本编辑器的输入框,再把焦点从输入框移走
  • 步骤四
  • 关闭dialog,报错
vwoqyblh

vwoqyblh1#

看看这个报的错,如果不是一行一行比对,改一行运行一行,根本找不到问题到底出在哪里。
所以真的希望官网能够在样例代码里面加一个提示,或者把这个问题修复掉,否则下次别人遇到,又是一顿折腾。我是找了一个下午。结果发现就这么一个小小的问题,浪费了一个下午的时间,真的气死。

3qpi33ja

3qpi33ja2#

你好,有兴趣修复完善这个问题吗,我正在维护 wangeditor-next ,非常欢迎你的 pr ,来帮助更多的人。

相关问题