【前端】文字显示过长,需要用toolTip展示

159 阅读1分钟

前端显示常常遇到文字显示过长,但是显示空间有限的情况,对超出的部分可以用toolTip进行展示。

<el-tooltip  placement='top' :content="name" :disabled="name.length <= 120">
	<div>{{name.length <= 120 ? name: name.slice(0, 120) + '...'}}</div>
</el-tooltip>

搞定