vue+el-table-column的show-overflow-tooltip属性 内容为空 悬浮会触发黑色悬浮框的问题
时间: 2023-09-29 10:02:44 浏览: 309
vue+el-table制作岗位排班表
如果el-table-column` 的 `show-overflow-tooltip` 属性设置为 `true`,但是内容为空,会触发悬浮框的问题。为了解决这个问题,你可以在 `el-table-column` 中设置 `show-overflow-tooltip` 属性,并且提供一个默认值,例如:
```html
<el-table-column prop="name" label="姓名" show-overflow-tooltip="true">
<template slot-scope="{ row }">{{ row.name || '无' }}</template>
</el-table-column>
```
在上面的代码中,`{{ row.name || '无' }}` 表示如果 `row.name` 为空,则使用默认值 `'无'` 来代替,这样就可以避免触发悬浮框的问题了。
阅读全文