当内容过多时,其实已经有了滚动条,但视觉上并看不出,要求自动定位到滚动条末端
需要在滚动元素上设置滚动条的位置,使用ref
<div class="top" ref="tagRef">
<el-tag
type="ghost"
size="large"
v-for="tag in selectTag"
:key="tag.id"
:closable="true"
style="padding-left: 8px; padding-right: 8px"
@close="() => handleClose(tag)"
>
{{
tag.show ||
(Array.isArray(tag.prompt)
? tag.prompt.join(',')
: tag.prompt)
}}
</el-tag>
</div>
const tagRef = ref();
watch(selectTag.value, async() => {
await nextTick();
const topElement = tagRef.value;
if(topElement) {
topElement.scrollTop = topElement.scrollHeight;
}
});