vue div溢出显示省略,获得焦点后显示内容

<div class="my-div" :title="companyName">{{companyName}}</div>
<style>
.my-div {
  width: 140px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>