Javascript 找到合适的时机访问从异步调用的数据创建的DOM元素

Javascript 找到合适的时机访问从异步调用的数据创建的DOM元素,javascript,vue.js,async-await,Javascript,Vue.js,Async Await,我有一个从异步调用的数据创建的项目列表,我想滚动到一个特定的元素。因此,我需要在DOM就绪后访问它 我尝试了以下解决方案: HTML: 这不起作用,因为在DOM准备就绪之前调用了document.getElementById('5') 当DOM就绪且ID为“5”的元素存在时,如何执行document.getElementById('5')?从响应中更新此项之后,您需要给Vue一个机会来识别更改并相应地更新DOM this.items = response.data await this.$nex

我有一个从异步调用的数据创建的项目列表,我想滚动到一个特定的元素。因此,我需要在DOM就绪后访问它

我尝试了以下解决方案:

HTML:

这不起作用,因为在DOM准备就绪之前调用了
document.getElementById('5')


当DOM就绪且ID为“5”的元素存在时,如何执行document.getElementById('5')?

从响应中更新
此项之后,您需要给Vue一个机会来识别更改并相应地更新DOM

this.items = response.data
await this.$nextTick()
const selectedElement = document.getElementById('5')

或者使用回调的等效方法更新响应中的
此项后,您需要给Vue一个机会来识别更改并相应地更新DOM

this.items = response.data
await this.$nextTick()
const selectedElement = document.getElementById('5')
或者使用回调的等效方法

this.items = response.data
await this.$nextTick()
const selectedElement = document.getElementById('5')