如果是单行溢出隐藏,可以直接用自带的方法:
{
title: '条目',
key: 'content',
align: 'center',
tooltip: true,
},
那么实现多行溢出隐藏,超出后省略号...并鼠标移上去Tooltip提示则下面方法:
{
title: '内容',
key: 'content',
align: 'center',
//需要注掉这个方法
// tooltip: true,
width:200,
render: function(h, params) {
return h('Tooltip', {
props: { placement: 'bottom-start', transfer: true }
}, [
h('span', { style: { textOverflow: 'ellipsis', whiteSpace: 'normal',overflow: 'hidden',display: '-webkit-box', webkitBoxOrient:'vertical', webkitLineClamp: 2+'' } }, params.row.content),
h('span', { slot: 'content', style: { whiteSpace: 'normal', wordBreak: 'break-all' } }, params.row.content)
])
}
},