el-tooltip数据更新后提示框不能进行显示

问题代码如下

<el-tooltip :content="data.name" :disabled="showSelected"  placement="bottom" effect="light" >
    <div class="name" @mouseover="mouseOver(data)" v-if="data.name !== data.originname">
        <span>{{data.name}}</span>
    </div>
</el-tooltip>

问题显示具体描述

当新增数据时，相关新增的数据能够正常进行显示，但是其相关的el-tooltip提示框中的数据不能正常进行显示。即el-tooltip提示框中没有相关的数据信息进行显示。

问题出现原因

当修改了相关的数据后，span中会显示出相关的数据，而el-tooltip无论其数据是否进行了相关的修改，el-tooltip已经生成了。

解决方案

将v-if这个条件判断放入到el-tooltip中，当数据进行修改后，即满足了v-if中相关的条件后，即会出现相关的提示框信息。

解决后的代码

<el-tooltip :content="data.name" :disabled="showSelected"  placement="bottom" effect="light" v-if="data.name !== data.originname">
    <div class="name" @mouseover="mouseOver(data)">
        <span>{{data.name}}</span>
    </div>
</el-tooltip>