vue中使用tinymce 刚进入页面时没有初始化编辑器，重新刷新后才有？

Question

这是代码：

<template>
  <div class="editor-page-container page-container">
    <textarea id="mytextarea">Hello, World!</textarea>
  </div>
</template>

<script>
export default {
  name: 'editor',
  data() {
    return {
      tinymcePlugins: "advlist autolink link image lists charmap print preview"
    }
  },
  mounted(){
    const self = this
    this.$nextTick(()=>{
      self.initEditor()
    })
  },
  methods: {
    initEditor(){
      const self = this;
      debugger
      tinymce.init({
        selector: '#mytextarea',
        language: "zh_CN",
        toolbar: true, // 显示/隐藏工具栏
        menubar: true, // 显示/隐藏菜单栏
        inline: false, // 开启内联模式
        auto_focus: true,// 自动获取焦点
        readonly: true,// 只读
        branding: false,// 隐藏右下角技术支持
        plugins: self.tinymcePlugins,// 指定需要加载的插件
        init_instance_callback : function(editor) {
          console.log("ID为: " + editor.id + " 的编辑器已初始化完成.");
        }
      });
    }
  }
}
</script>

引入方式是下载包直接引入

刚打开是这样的

刷新后才出现，没有任何报错