解决:el-table组件中设置show-overflow-tooltip属性,数据过多时闪烁不显示&不能复制问题。
使用el-popover组件代替show-overflow-tooltip属性。...<!-- 超过30个字符,将显示提示弹框 --><el-table-column label="修改内容"><template slot-scope="{ row }"><span v-if="row.operation_content && row.op
·
使用el-popover组件代替show-overflow-tooltip属性。
...
<!-- 超过30个字符,将显示提示弹框 -->
<el-table-column label="修改内容">
<template slot-scope="{ row }">
<span v-if="row.operation_content && row.operation_content.length > 30">
<el-popover placement="top-start" title="修改内容" width="500" trigger="hover">
<div>{{ row.operation_content }}</div>
<span slot="reference">
{{ row.operation_content.substr(0,30) + '...' }}
</span>
</el-popover>
</span>
<span v-else>{{ row.operation_content }}</span>
</template>
</el-table-column>
...
附加:如何修改el-tooltip弹框的宽度
// 设置el-tooltip宽度
.el-tooltip__popper {
max-width: 500px;
line-height: 20px;
}
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)