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

发布时间 2023-03-28 14:41:56作者: 小红马smile

问题是这样滴:

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

解决方法如下!!!

async getHeight() {

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