主要代码

<span class="dt" :title="item.value">{{ item.value }}</span>

.dt {
    white-space: nowrap; // 不换行
    text-overflow: ellipsis; // 省略号显示
    overflow: hidden;
    width: 300px;
}