vue開發 tinymce.js富文本插件報錯：Cannot read properties of undefined (reading 'open')

記錄開發過程中的一個小BUG；

描述：項目中富文本單獨提出來做成了一個組件，在其中一個頁面中需要復用，根據條件判斷顯示哪一個。

 

一下兩個組件中都有富文本組件的調用。

 

 

 經過排查發現：

產生問題的原因是因為stepActive 默認值為0，請求后台接口后參數狀態為1。

當 stepActive初始化為0的時候， 第一個‘保障范圍’組件開始加載，然后還沒加載完成，stepActive狀態變了，組件已經注銷了，所以富文本插件初始化報錯。

知道原因就好改了，將v-if換為v-show就解決。