美文网首页
wangEditor Uncaught (in promise)

wangEditor Uncaught (in promise)

作者: Hasan_hs | 来源:发表于2021-12-09 14:36 被阅读0次

使用wangEditor报错如下:
Uncaught (in promise) Error: 初始化节点已存在编辑器实例,无法重复创建编辑


image.png

原因是: 重复创建了编辑器的原因。
解决办法:用ref初始化实例
editor 初始化基础模板

<template>
  <div>
    <div ref="editor" class="editor-wrapper"></div>
  </div>
</template>

<script>
import WEditor from "wangeditor";

export default {
  name: "WangEditor",
  data() {
    return {
      editor: null
    };
  },
  mounted() {
    this.initEditor();
  },
  methods: {
    getText() {
      this.editor.txt.text();
    },
    setText(val) {
      this.editor.txt.html(val);
    },
    initEditor() {
      this.editor = new WEditor(this.$refs.editor);
      this.editor.create();
    }
  }
};
</script>


相关文章

网友评论

      本文标题:wangEditor Uncaught (in promise)

      本文链接:https://www.haomeiwen.com/subject/jtyffrtx.html