vue+el-table-column的show-overflow-tooltip属性 单元格内容空悬浮会触发黑色悬浮框的问题
show-overflow-tooltip为true时,表示如果内容过长超出宽度就会在上方显示黑色悬浮框+内容。但是现在在windows电脑上内容为空和没有超出宽度时都会一直触发这个属性,macbook无此问题。解决办法:不使用这个属性,使用el-tooltip。<el-table-columnalign="c...
·
show-overflow-tooltip为true时,表示如果内容过长超出宽度就会在上方显示黑色悬浮框+内容。但是现在在windows电脑上内容为空和没有超出宽度时都会一直触发这个属性,macbook无此问题。
解决办法:不使用这个属性,使用el-tooltip。
<el-table-column
align="center"
prop="enddate"
label="时间"
width="250">
<template slot-scope="scope">
<el-tooltip class="item"
effect="dark"
:content="scope.row.enddate"
placement="top"
:disabled="scope.row.enddate.length<10">
<div>
<p>{{scope.row.enddate}}</p>
</div>
</el-tooltip>
</template>
</el-table-column>
内容的长度可根据你的宽度去设置,这样就不会出现为空也出现黑色悬浮框的问题了。亲测可用~
更多推荐
已为社区贡献4条内容
所有评论(0)