今天記錄一下日常開發過程中使用elementui的toolTip組件所踩到的坑。
問題描述：
在table表格當中使用tooTip，我們知道elementui提供了一個屬性。
但是在使用過程中，當內容過多時，有時候會導致瀏覽器的窗口不停的抖動，仔細觀察會發現瀏覽器右側或者下方會不停的閃現出滾動條，( 個人猜測可能是由於toolTip的自適應邏輯判斷，上方和下方顯示都放不下，所以才導致進入了死循環 )。
解決方案一：
由於toolTip是插入在根元素body下，所以在vue中我們需要在index.html 頁面修改樣式或者在common.scss里面修改並在main.js里面引入該樣式。
思路：
通過增加寬度來減小高度。（ 個人認為這不能從根本解決問題，如果內容又多了，高度依然會被撐開 ）
解決方案二：使用popover組件 + tooTip組件
有人會問，既然使用了popover 為什么還要用tooTip呢？這樣不是會出現兩個提示框了嗎？？？
原因在於toolTip組件自帶“超出變省略號”的功能，而在我們只使用popover組件，並且自己更改表格內文本樣式的時候，當最后一列有操作列時，操作列的樣式會出現不可預知的錯誤。
當然，為了解決出現兩個提示框的問題，我們只需要給tooTip隱藏掉就可以了
重點來了：
使用popover組件的原因在於：我們可以給它設置一個最大高度，超出部分呈現滾動條，並且popover組件是可以鼠標懸浮上去的，而tooTip雖然也帶有這個Api，但是表格中的tooTip是內置的，沒有toolTip組件的完整屬性，鼠標無法移入提示框內。
所以，最終解決的點在於增加滾動條來解決高度過高帶來的問題，且以后無論內容再多，也不會影響。
