<el-table-column prop="baMsg" label="描述信息">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" placement="top-start">
<template slot="content">
<span v-html="scope.row.baMsg" style="white-space:pre-line;"></span>
</template>
<span class="bsMsg-tooltip">
{{ scope.row.baMsg }}
</span>
</el-tooltip>
</template>
</el-table-column>
.bsMsg-tooltip{
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
baMsg:'小记\r\n缺陷问题'
标签:el,省略号,text,tooltip,baMsg,overflow From: https://blog.csdn.net/weixin_44201656/article/details/140692130