nextTick(() => {
const header = tabsRef.value.$el.querySelector('.el-tabs__nav-scroll');
if (!header) return;
const tabWidth = 200;
const tabIndex = tab.index;
const targetOffset = tabIndex * tabWidth;
const headerWidth = header.clientWidth;
const scrollLeft = header.scrollLeft;
let newScrollLeft = targetOffset;
if (targetOffset > (headerWidth/4)*3) {
newScrollLeft = headerWidth/2;
} else if (targetOffset < (headerWidth/4)*3) {
newScrollLeft = -targetOffset;
}
header.scrollLeft = newScrollLeft;
});
最好将tabs自带的箭头隐藏掉,有冲突
::v-deep .el-tabs__nav-next,::v-deep .el-tabs__nav-prev {
display: none!important;
}