找到了答案:在Tooltip数组里边添加就行。

renderHeader: (h, params) => {

return h('div', [

h('span', '高风险评分'),

h('Tooltip', {

props: {

// content: '≥60:高风险 <60:低风险 分值越高,风险越高',

transfer: true,

// maxWidth: '150',

theme: 'light'

}

}, [

h('Icon', {

props: {

type: 'md-help-circle',

color: "#c8c8c8",

size: "20"

},

class: {iconClass: true}

}),//表格列显示文字

h('div', {

slot: 'content',

style: {

whiteSpace: 'normal'

}

}, '≥60:高风险'//整个的信息即气泡内文字

),//表格列显示文字

h('div', {

slot: 'content',

style: {

whiteSpace: 'normal'

}

}, '<60:低风险'//整个的信息即气泡内文字

),//表格列显示文字

h('div', {

slot: 'content',

style: {

whiteSpace: 'normal'

}

}, '分值越高,风险越高'//整个的信息即气泡内文字

)

]),

])

}

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐