热门标签
热门文章
- 1不正经测试系列（1）-Azure VM 带宽初体验_azure带宽多少
- 2数据结构—八大排序_数据结构排序
- 3详解ResNet(深度残差网络)
- 4IANA已注册的TCP/UDP/SCTP/DCCP传输协议端口及服务名称_yhcp3165com
- 5java人脸识别的考勤和监控系统(开题+源码)
- 6如何用unity制作一个简易好用的第三人称摄像机跟随_unity第三人称摄像机跟随
- 7鸿蒙源码分析（十三）
- 8python操作本地浏览器webbrowser_import webbrowser
- 9Android系统SystemUI启动过程_com.android.systemui.fe ature_cover com . android
- 10快速入门Safetensors
当前位置: article > 正文
element table中使用show-overflow-tooltip不显示省略号_el-table 刚开始有省略号 el-tooltip后 省略号却消失了
作者：AllinToyou | 2024-02-20 17:24:30
赞
踩
el-table 刚开始有省略号 el-tooltip后 省略号却消失了
table中文字太长，设置了show-overflow-tooltip，如下，
<el-table-column label="labelname" show-overflow-tooltip>
<template slot-scope="scope">
<div v-if="">{{scope.row.value1}}}</div>
<div v-else>{{scope.row.value2}}</div>
</template>
</el-table-column>
- 1
- 2
- 3
- 4
- 5
- 6
结果：显示到结尾，会直接遮挡，不显示省略号
解决，将div改为span：
<el-table-column label="labelname" show-overflow-tooltip>
<template slot-scope="scope">
<!-- 注意这里 div改为span -->
<span v-if="">{{scope.row.value1}}}</span>
<span v-else>{{scope.row.value2}}</span>
</template>
</el-table-column>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/120433
推荐阅读
相关标签
