疯狂春天

文章
1
资源
0
加入时间
2年10月21天

vue中实现当文本超长时,中间显示省略点,两端文字显示

最近做一个资源共享的需求,要求将资源名称,共享目标人的工号一定要显示出来,也就是文本超长,显示省略点,但是如果使用css,文本超长省略号会在末尾显示,因此利用js截取来实现//获取字体是为了计算文本所占用的宽度,必须传递一个dom节点,随便选择一个即可,因为系统的字体都是一样的mounted(){ // 获取系统字体 this.getFontFamily(document.getElementById('side-content')) },将获取的字体参数使用全局变量存储起来