vue使用wangeditor爬坑之旅

爬坑背景

公司的一个后台管理系统，关于新闻发布和公告之类的用到富文本编辑器，在父组件中引入编辑器组件，点击添加和编辑出现弹窗，编辑器放在弹窗里。

BUG1光标跳动问题

在父组件中引用组件的位置改成这样,去掉v-model，在data中定义变量initText 和 tempText

<editor-bar :value="initText" @change="change"></editor-bar>

在父组件的change方法中，先将子组件改变的值存起来

    change(val) {
      this.tempText = val;
    },

点击编辑时，初始化富文本的内容

    // 编辑
    editRow(row) {
      this.title = "修改新闻";
      this.addDialog = true;
      this.formData = row;
      this.initText = this.formData.content;//重点
    },

在提交表单时，表单验证之前，将当前富文本内容赋值给formData，一定要加判断，不然点击编辑没有修改时，提交表单验证不通过，内容会变成空。

if (this.tempText !== "") this.formData.content = this.tempText;

BUG3编辑富文本内容没有提交，关闭弹窗后依旧是刚编辑过的内容

在关闭弹窗时对表单进行重置就可以了

前端小白第一次写博客，用什么问题请多多指出！共同进步！