element-ui tooltip失效

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标签上，而不是放在鼠标悬浮的具体的标签上，就有效果了。