Vue的$nextTick完成后获取渲染后的dom数据

问题是这样滴:

  需要在div的内容更新后获取div的高度,如果在更新值后马上获取,则高度还是之前的,需要在$nextTick中获取,但是呢这个高度需要返回给上层函数用做比较,所以就想$nextTick返回后在处理,搜索后发现$nextTick是处理异步的一个回调函数,它返回的是一个promise对象。

解决方法如下!!!

async getHeight() {

try {
  let el = this.$refs.info
   if(el) {
      await this.$nextTick()
    console.log(
el.offsetHeight)
  }
 } catch(e) {}
}

 

posted @ 2023-03-28 14:37  小红马smile  阅读(155)  评论(0)    收藏  举报