vue+element ui el-tooltip动态禁用启用，计算文字是否超出容器

// 根据宽度计算文字 是否超出容器
	// 根据高度计算文字 是否超出容器
	visibilityChange (event, unit = 'width') {
		const ev = event.target;
		let ev_weight = 0
		let content_weight = 0
		if (unit == 'width') {
			ev_weight = ev.scrollWidth; // 文本的实际宽度   scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。
			content_weight = ev.clientWidth;// 文本的可视宽度 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。
		} else {
			ev_weight = ev.scrollHeight; // 文本的实际高度 。
			content_weight = ev.clientHeight;// 文本的可视高度
		}
		// const content_weight = this.$refs.tlp.$el.parentNode.clientWidth; // 文本容器宽度(父节点)
		if (ev_weight > content_weight) {
			// 实际宽度 > 可视宽度  文字溢出
			return true
		} else {
			// 否则为不溢出
			return false
		}
	},

```html
<el-tooltip class="item" effect="dark" :content="scope.row.userName" placement="top"
											:disabled="!isShowTooltipWidth" popper-class="wp-visibilityPopper">
											<p class="textOverOneLine" @mouseenter="visibilityChangeWidth($event)">{{ scope.row.userName }}
											</p>
										</el-tooltip>

```javascript
// hover 是否显示全文
		visibilityChangeWidth (event) {
			this.isShowTooltipWidth = this.$utils.visibilityChange(event)
		},