前端 省略号

1宽度
2不换行 white-space:nowrap;
3超出隐藏 overflow:hidden;
4超出显示省略号 text-overflow: ellipsis;

5文字判断有无省略号，来控制提示是否显示：

鼠标移入事件传$event
showTip(event){
                let ev = event.target;
                let ev_weight = ev.scrollWidth;
                let content_weight = ev.clientWidth;
                if(ev_weight > content_weight){
                    this.showTooltip = true;
                }
                else{
                    this.showTooltip = false;
                }
            },