做了一个自动添加的面包写导航栏,需要在添加之后自动滚动到最右边,发现常规的滚动方法不行,以下是源码,直接调用ScrollToRight方法就行,最主要的就是在value后面加一个$el:
<Breadcrumb :home="home" :model="breadItems" :class="$style.breadcrumb" ref="breadcrumbRef">
...
</Breadcrumb>
// 获取 breadcrumbRef 引用
const breadcrumbRef = ref(null)
// 滚动面包屑导航栏到最右边
const scrollToRight = () => {
nextTick(() => {
if (breadcrumbRef.value) {
breadcrumbRef.value.$el.scrollLeft = breadcrumbRef.value.$el.scrollWidth
}
})
}