element tinymce 富文本编辑默认不可用问题

<el-tinymce-x :readonly='status' ref='tiny' :id="id">

</el-tinymce-x>

data : {

        status: true, //默认不可编辑状态

        id: 'ssss',//富文本唯一id

}

富文本框默认不可编辑状态，通过页面触发 this.status = false ，

发现已渲染页面仍然不可编辑，审查数据status值已经改变。

解决方案：

每次状态更新，需要先注销富文本，再次初始化富文本，页面状态即可更新。

每次更新编辑状态，页面会有闪动。
 

window.tinymce.get(this.is) && window.tinymce.get(this.is).destroy();

this.refs.tiny && this.refs.tiny.init()