vue+elementui 使用<el-tabs>浏览器会卡死问题

Question

<el-dialog
                    title="测试"
                    :visible.sync="importExport"
                    width="35%"
                    :close-on-click-modal="false"
                    @close="closeDownloadBox"
                >
                    <template>
                        <el-tabs v-model="activeName" @tab-click="handleClick">
                            <el-tab-pane label="成员信息" name="first">
                                成员信息
                            </el-tab-pane>
                            <el-tab-pane label="导出信息" name="second">
                                导出信息
                            </el-tab-pane>
                        </el-tabs>
                    </template>
                    <span slot="footer" class="dialog-footer">
                            <el-button @click="closeDownloadBox">关闭</el-button>
                        </span>
                </el-dialog>

只要在<el-tab-pane>标签里写内容页面就会卡死，什么都不写dialog会正常出现

Answer 1

我出现这个问题的原因是element-ui的版本太高了，用的是2.8.2后来换成2.6.3版本就解决了

Answer 2

没有任何问题 一切正常
https://codepen.io/anon/pen/y...

Answer 3

对应的把vue升到2.6.10在试试看，我这里升级后不再有卡死的情况

Answer 4

版本不匹配导致的，可以考虑升级
https://juejin.im/post/5d15b5...