vue 选项卡超出隐藏 接近隐藏块 点击自动滚动

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

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

我做的是横向的选项卡滚动，主要思路是  获取到每个li标签的距离左侧的距离，每个li标签的宽度以及包裹li标签容器的宽度， 难点是获取左边和右边的边界值，右边边界为 当前点击元素距离左侧的距离 + 元素本身的宽度， 如果大于父级容器宽度，则需要滚动的距离为两者之间的差值 + 当前点击元素的宽度，左边边界  我是用的当前元素距离父级元素右侧的距离  + 元素本身的宽度，如果大于总宽度，就需要滚动了，跟右侧边界的计算是一样的

    在求左边边界的过程中，我遇到了问题，不知道怎么求距离父级元素右侧的距离

    解决方法，使用的getBoundingClientRect()函数，返回的是当前元素的位置集合