使用之前去掉 show-overflow-tooltip
无法设置hover状态时的样式,改用 el-tooltip
<el-table-column label="核心使用场景" min-width='300'>
<template scope="scope">
<el-tooltip effect="dark" placement="top">
<div v-text="
'开始时间:'
scope.row.useScene" slot="content" style="{width:'220px';white-space:pre-line;word-break:break-all;}"></div>
<div class="oneLine">{{scope.row.useScene}}</div>
</el-tooltip>
</template>
</el-table-column>
.oneLine {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}