vue配合iview再列表中显示tip信息

转自:

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);
}
},

你可能感兴趣的:(工作)