vue开发 tinymce.js富文本插件报错：Cannot read properties of undefined (reading 'open')

记录开发过程中的一个小BUG；

描述：项目中富文本单独提出来做成了一个组件，在其中一个页面中需要复用，根据条件判断显示哪一个。

 

一下两个组件中都有富文本组件的调用。

 

 

 经过排查发现：

产生问题的原因是因为stepActive 默认值为0，请求后台接口后参数状态为1。

当 stepActive初始化为0的时候， 第一个‘保障范围’组件开始加载，然后还没加载完成，stepActive状态变了，组件已经注销了，所以富文本插件初始化报错。

知道原因就好改了，将v-if换为v-show就解决。