网站开发工程师和前端,企业网络推广公司,大良网站智能推广机构,宁波app开发公司在el-dialog弹出框中#xff0c;如果使用el-tabs#xff0c;点击弹框的关闭按钮时#xff0c;会导致弹出框无法关闭#xff0c;且浏览器卡死。
解决方式#xff08;一#xff09;#xff1a;
在el-talbs的面板中不放任何内容#xff1a;
el-tab-pane label如果使用el-tabs点击弹框的关闭按钮时会导致弹出框无法关闭且浏览器卡死。
解决方式一
在el-talbs的面板中不放任何内容
el-tab-pane label基线化 name0基线化/el-tab-pane
改为
el-tab-pane label基线化 name0/el-tab-pane 将内容放在el-tabs外面然后用v-show来控制对应的内容的显示。如下图
el-tabs v-modelactiveName tab-clickhandleClickel-tab-pane label基线化 name0 /el-tab-paneel-tab-pane label基线记录 name1 /el-tab-pane
/el-tabs
div v-showactiveName 0 面板1的内容
/div
div v-showactiveName 1 面板2的内容
/div
最开始以为是el-form不能嵌套el-tabs其实不是。
解决方式二
el-dialog二次封装了 变成了全局组件 在使用包裹el-tabs时 关闭dialog 就会突然卡死 我还以为是电脑问题 经过多次测试发现 将destroy-on-close设置为false关闭时不销毁dialog里面的元素问题得以解决
