需求是文字要显示省略号,并且悬浮要显示气泡,但是safari浏览器看到...自己的气泡就出来了,所以需要单独处理一下
<el-tooltip
effect="dark"
:content="item.name"
placement="left">
<div class="name">{{ item.name }}</div>
</el-tooltip>
<style>
.name {
&::before{
content: '';
display: block;
}
}
</style>
解决办法:给这块加个伪类元素,就可以去掉safari浏览器自带的气泡了