vue-cli中将UEditor封装成组件调用，每次跳转路由再回来就不见了，如何解决

Question

引用写在main.js里面

import '../static/UE/ueditor.config.js'
import '../static/UE/ueditor.all.min.js'
import '../static/UE/lang/zh-cn/zh-cn.js'
import '../static/UE/ueditor.parse.min.js'

组件钩子调用

    mounted() {
      const _this = this;
      this.editor = UE.getEditor('editor', this.config); // 初始化UE   
    },

这个怎么解决，跳转路由，UEditor不会初始化

Answer 1

Ueditor有个销毁的函数是UE.delEditor('实例的id'),在beforeDestroy()钩子里面写上就行,每次离开本页面的时候都会销毁实例,再次进入会重进初始化.

Answer 2

跳转路由之后你的组件会被卸载，当跳转回来的时候组件又重新加载，要知道mounted()是安装created()是创建，你的mounted安装一次，但是每次跳转路由之后会执行一次created,就算你在组件卸载的时候把数据存到了data中，也会随着组件的卸载而清除，所以你可以使用vuex或者定义全局的公用组件上来管理编辑器的数据