vue配合iview再列表中显示tip信息
转自:1.tooltip文字提示http://v1.iviewui.com/components/tooltip2.table中列值隐藏 ellipsis 开启后,文本将不换行,超出部分显示为省略号http://v1.iviewui.com/components/table解决代码段:{title: '云盾',key: 'enforce',render: (h, params)...
·
转自:
1.tooltip文字提示
http://v1.iviewui.com/components/tooltip
2.table中列值隐藏 ellipsis 开启后,文本将不换行,超出部分显示为省略号
http://v1.iviewui.com/components/table
解决代码段:
{
title: '云盾',
key: 'enforce',
render: (h, params) => {
return h('div', [
h('span', {
style: {
display: 'inline-block',
width: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
},
domProps: {
title:params.row._source.enforce
}
}, params.row._source.enforce)
]);
// return h('div', params.row._source.enforce);
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)