使用el-table组件，一直报错？

Question

使用el-table组件，一直报ResizeObserver loop limit exceeded 错误

问题描述

使用el-table组件，一直报js error: ResizeObserver loop limit exceeded 错误

问题出现的环境背景及自己尝试过哪些方法

相关代码

<el-table
    :data="tableData"
    :resizable="false"
    border
    style="width: 100%" >
    <template v-for="(item, index) in config.tableHeaders">
        <el-table-column  :key="index"
            :prop="item.key"
            :label="item.label"
            header-align="center">
        </el-table-column>
    </template>
</el-table>window.onerror = function (errorMessage, scriptURI, lineNumber, columnNumber, error) {
    console.log(errorMessage);
};

你期待的结果是什么？实际看到的错误信息又是什么？

// 控制台输出的错误信息ResizeObserver loop limit exceeded

Answer 1

element-ui 自2.3.5版本后，Table-column取消了默认宽度大小，增加了 type参数，type的可选值有selection/index/expand，每个type对应了一些默认的宽度设置，设置了type不报ResizeObserver loop limit exceeded错误了，但是column的宽度不再自适应均分table的宽度，只能写死width的宽度，这点非常不好，很丑~