1. The effect of the problem
Then the browser freezes and crashes
2. Problem symptoms
Added el-tabs in the pop-up window, and after testing, the el-tab-pane will be stuck if there is content, and will not be stuck if there is no content, which is also a strange problem.
3. Solutions
Propose the content in the pane, and then control the display and hiding of the content through the switching event of the el-tabs label
Source of solution ideas: https://blog.csdn.net/weixin_38469425/article/details/115736933
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%">
<el-row>
<el-col :span="24">
<el-tabs v-model="activeName">
<el-tab-pane label="用户管理" name="first"></el-tab-pane>
<el-tab-pane label="配置管理" name="second"></el-tab-pane>
<el-tab-pane label="角色管理" name="third"></el-tab-pane>
<el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
</el-tabs>
</el-col>
</el-row>
<el-row v-if="activeName === 'first'">
用户管理
</el-row>
<el-row v-if="activeName === 'second'">
配置管理
</el-row>
<el-row v-if="activeName === 'third'">
角色管理
</el-row>
<el-row v-if="activeName === 'fourth'">
定时任务补偿
</el-row>
</el-dialog>
Thanks: Mr. Snail, who climbed up, provided solutions~