解决vue使用el-dialog中组件只有第一次执行mounte

养成良好的记录习惯
作者：黄黄

问题描述

最近使用vue整合tinymce发现一个问题，将tinymce放在el-dialog中，第一次点击弹出el-dialog窗口可以正常使用tinymce组件，叉掉窗口再点击打开发现组件tinymce无法编辑且无法反显信息。后面发现是因为tinymce在el-dialog中第二次打开没有执行组件内mounted的初始化方法，只能刷新页面才能正常使用。

解决办法

在el-dialog加上v-if='opeFlag'，openFlag是控制打开el-dialog弹窗的标志

举例

    <el-dialog :title="title" v-if="opeFlag" :visible.sync="opeFlag" width="1000px"  append-to-body>
        <div class="editor-custom-btn-container">
          <editor ref="editor"
                  v-model="form.detail"
                  :disabled="editorDisabled"
                  @onClick="onClick">
          </editor>
        </div>
    </el-dialog>