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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zhangshab/article/details/82773885

转自：

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