elementUI的Dialog组件中使用wangEditor重复无法显示问题解决

1. <el-dialog

title="公告修改"

:visible.sync="dialogVisible"

@closed="cancelAdd"

@open="handleOpen"

@opened="opened"

width="80%"

class="all"

:close-on-click-modal='false'

>

2.opened(){

var that = this;

// ComCar().then((res) => {

// that.options = res.data.data;

// });

var editor = new Editor("#div6");

editor.customConfig.zIndex = 100

editor.customConfig.onchange = html => {

console.log(editor.txt.html());

};

editor.create();

//想获取文本编译框内的html，可以添加事件获取

document.getElementById("complete").addEventListener("click", function() {

var json = editor.txt.getJSON(); // 获取 JSON 格式的内容

var jsonStr = JSON.stringify(json);

console.log(json);

console.log(jsonStr);

});

},

解决方案是把editArticle方法在dialog的opened事件里面调用就行。不是open而是opened.