直接上代码
render: (h, params) => {
let texts = '-'
if (params.row.officaldocname) {
if (params.row.officaldocname.length > 25) { //进行截取列显示字数
texts = params.row.officaldocname.substring(0, 25) + "...";
} else {
texts = params.row.officaldocname;
}
} else {
texts = '-'
}
return h('div', {
on: {
click: () => {
// this.tgNameJump()
}
}
}, [h('Tooltip', {
props: {
placement: 'bottom',
transfer: true //是否将弹层放置于 body 内
},
style: {
color: '#099FDF',
cursor: 'pointer',
}
},
[ //这个中括号表示是Tooltip标签的子标签
texts, //表格列显示文字
h('div', {
slot: 'content',
style: {
whiteSpace: 'normal'
}
},
params.row.officaldocname //整个的信息即气泡内文字
)])]);
}