vue 選項卡超出隱藏 接近隱藏塊 點擊自動滾動

主要參考https://blog.csdn.net/ITbearer/article/details/90260742 這篇文章

但是文章中的界限判斷是寫死的，自己稍微改了下

我做的是橫向的選項卡滾動，主要思路是  獲取到每個li標籤的距離左側的距離，每個li標籤的寬度以及包裹li標籤容器的寬度， 難點是獲取左邊和右邊的邊界值，右邊邊界爲 當前點擊元素距離左側的距離 + 元素本身的寬度， 如果大於父級容器寬度，則需要滾動了，左邊邊界爲 當前點擊元素距離左側的距離 > 元素本身的寬度