element-ui tooltip失效
今天在改一个需求的时候发现tootip失效了,先贴上代码
<el-tooltip placement="right" effect="light">
<div slot="content">多行信息<br/>第二行信息</div>
<span v-if="item.isExistOffline && parseInt(item.statusAscription) === 4 && item.reportId">
<img :src="icons.unfinished">
部分完成
</span>
</el-tooltip>
刷新页面的时候tooltip鼠标悬浮有效果,但是翻页后再返回鼠标悬浮就没有效果了,刚开始一个其他的遮罩层影响了,删除其他遮罩还是没有效果,后来尝试把v-if 放在了el-tooltip标签上,而不是放在鼠标悬浮的具体的标签上,就有效果了。