Vue + UEditor does not load rich text for the first time, but it will be loaded after refresh.

vue + UEditor developers do not refresh anything for the first time before loading it

UEditor components

<template>
    <script :id=id type="text/plain"></script>
</template>
<script>
  import * as _ from "../util/tool";
  export default {
    name: "UE",
    data () {
      return {
        editor: null,
        flag:true,
      }
    },
    props: {
      defaultMsg: {
        type: String
      },
      config: {
        type: Object
      },
      id: {
        type: String
      }
    },
    activated() {
      this.init();
    },
    methods: {
      init(){
        if(!UE.Editor.prototype._bkGetActionUrl){
          UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;//
          UE.Editor.prototype.getActionUrl = function(action) {
              if (action == "uploadimage" || action == "uploadscrawl" || action == "uploadfile" || action =="uploadvideo") {
                  return "/ueditor/upload.html";
              } else {
                  return this._bkGetActionUrl.call(this, action);
              }
            };
        };
        let _this = this;
        this.editor = UE.getEditor(_this.id, _this.config); // UE
      },
      getUEContent() { // 
        return this.editor.getContent()
      },
      setUEContent(val) { // 
        return this.editor.setContent(val);
      },
      getUEContentText(){ // 
        return this.editor.getContentTxt();
      },
      destroyed(){
        return this.editor.destroy();
      }
    },
    deactivated() {
        //textarea
        //this.editor.destroy()
        //tab
        //,destroy()
        this.editor.reset()
    }
  }
</script>

call

in the component
~ ~ ~
data(){
    return {
        Ueditor: "ue1",
        config: {
                  initialFrameWidth: null,
                  initialFrameHeight: 350
                },
    }
}
~ ~ ~


 <UE ref="bdeditor" :id="Ueditor" :config=config></UE>

but nothing will appear when I log back in

clipboard.png

clipboard.png

does it have anything to do with caching

guys, take a look at it for me

Mar.30,2021

it is inevitable that the activated keep-alive component is called when it is activated


I also encounter this problem. Have you solved


? how to solve this problem?


mounted() {
    this.editor = UE.getEditor('editor', this.config) // UE
},
destroyed() {//
  this.editor.destroy();
}
Menu