字数超出长度用省略号显示并出现提示，显示全部内容

1. 实现效果
   
2. 字数超出长度显示省略号，使用CSS实现

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

3. 超出字数出现提示，我使用的是element-ui的
   el-tooltip实现的。添加一个mouseover方法，鼠标放到文字上面，去判断文字的长度，如果长度超过自己设定的长度，设置disabledTooltip=false

<el-tooltip :disabled="disabledTooltip" class="item" effect="dark" :content="node.label" placement="top">
	<div ref="nodeLabel" @mouseover="nodeLabelover(node.label)" style="float: left;vertical-align: middle;width: 210px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
            {{ node.label }}
	</div>
</el-tooltip>


定义变量：
disabledTooltip: true,//是否显示提示



js：
//如果文字过长出现提示
  nodeLabelover(value){
    this.disabledTooltip = value.length < 12
  },