给文字设置属性,实现禁止换行,超出省略号样式
.value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
搭配el-tooltip,使用户可以看到完整的文字
<el-tooltip v-if="!isEdit" class="item" effect="dark" :content=" info.logoutCallback || '--' " placement="top-start">
<div class="value" :title="info.logoutCallback">
{{ info.logoutCallback || '--' }}
</div>
</el-tooltip>