vue引入ueditor所踩过的坑

今天聊一聊vue中引入ueditor富文本编辑器，相信大家在做后台管理这一块的时候也是经常遇到这个问题，话不多说，主要给大家讲几点我在工作当中踩过的坑！！！！

---

第一就是在调接口的时候：当“新建”和“编辑”的弹框是一个的时候，并且每个里面都有一个富文本编辑器，这样我们调取的内容是不一样的，所以我们需要把“新建”和“编辑”中富文本编辑器的内容分开分别传递给后台，当我们在后台获取到编辑页面当中需求是：需要在ueditor中显示我们在新建的时候的内容，如果我们直接写

this.content = 接口所返回的内容的话，是不行的，只能通过this.$refs.ue.setUMContent(msg)这个方法才能动态改变里面的内容。

第二就是在页面加载之后：当页面刷新重新加载，ueditor会重新调取接口并加载内容，但是在我们代码中如果以this.$refs.ue.setUMContent(msg)这种方式调取内容的话，是会报错的（看图）

意思就是说：在执行setContent()函数的时候，Umeditor还没有初始化好，所以需要等Umeditor初始化好后再调用setContent()函数，用到um.ready()，我的更改为如下就ok了，仅供参考：

主要参考与：https://blog.csdn.net/fairyier/article/details/80681200