实现样式:
代码实现:
html:
<el-table-column prop="apsQty" label=" 已排程数量" align="center">
<template #default="{ row }">
<el-tooltip class="box-item" effect="light" placement="left-start">
<template #content>
<span v-html="tooPlct(row.hoverData)"></span>
</template>
<span style="cursor: pointer; color:#0094e0">
{{row.apsQty || '-'}}</span>
</el-tooltip>
</template>
</el-table-column>
js:
const tooPlct = (val: any) => {
if (val) {
return val.toString().replace(/,/g, '</br>')
} else {
return '暂无数据'
}
}