feat: Tabs 在选中项更变后自动滚动定位至当前激活的 Tab

[0xyk3r]

feat: Tabs 在选中项更变后自动滚动定位至当前激活的 Tab #3683

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
naive-ui	❌ Failed (Inspect)		Sep 6, 2022 at 2:18PM (UTC)

[JobinJia]

刚好我也需要这个功能, 这里还有一个场景 初始化的时候就需要滚动一次位置(:value的初始值对应的位置) 是不是可以移一哈

onMounted(() => {
    watch(
        mergedValueRef,
        () => {
          const currentEl = getCurrentEl()
          const { value: xScrollInst } = xScrollInstRef
          if (!currentEl || !xScrollInst || !xScrollInst.$el) return
          xScrollInst.scrollTo({
            left:
              currentEl.clientWidth +
              currentEl.offsetLeft -
              xScrollInst.$el.offsetWidth / 2,
            top: 0,
            behavior: 'smooth'
          })
        },
        { flush: 'post', immediate: true },
    )
})

申明: 我不是该库的贡献者, 只是刚好有这个需求O O

[07akioni]

如果没溢出的话还是不滚比较好

[07akioni]

处理了一下 536b755

[u10k]

为什么我觉得滚动到当前标签是正常的呢，不滚动反而很诡异