study/vue-component-creater-ui
1
0
Fork 0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-06-07 21:54:05 +08:00
Code Issues Releases Wiki Activity

修复el-table在编辑模式下不显示的问题

Browse Source
This commit is contained in:
shangbin 2021-11-09 17:01:55 +08:00
parent 8e801ba1a5
commit bdc944d981
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/libs/main-panel.js
View File

@ -259,12 +259,15 @@ export class MainPanelProvider {
*/ */
enableEditMode() { enableEditMode() {
const renderControlPanel = this.getControlPanelRoot(); const renderControlPanel = this.getControlPanelRoot();
// 这种方式可以禁用原节点所有的事件 // 加一个延迟的作用是：给el-table这种绘制需要时间的组件留出充足的时间，否则会造成el-table渲染不到页面上
const elClone = renderControlPanel.cloneNode(true); setTimeout(() => {
renderControlPanel.parentNode.replaceChild(elClone, renderControlPanel); // 这种方式可以禁用原节点所有的事件
this.eventEmitter.emit("mounted", elClone); const elClone = renderControlPanel.cloneNode(true);
// 事件初始化 renderControlPanel.parentNode.replaceChild(elClone, renderControlPanel);
this.initComonentsEvent(); this.eventEmitter.emit("mounted", elClone);
// 事件初始化
this.initComonentsEvent();
}, 500);
} }
/** /**