tooltip条件显示

<Tooltip :content="item.itemName" placement="bottom" :disabled="isDisabledTooltip" :max-width="154">
   <div style="min-width: 152px;height: 45px;display: flex;justify-content: center;" 
     @mouseover="onMouseOverName(`title-${item.id}`)">
    <span class="item-title" :ref="`title-${item.id}`">{{item.itemName}}</span>
   </div>
</Tooltip>

onMouseOverName(val) {
    const contentWidth = this.$refs[val][0].clientWidth
    this.isDisabledTooltip = contentWidth < 154
},