Vuejs2 如何获取子组件的高度？

尝试通过Vue.js制作滑块

有这样的结构吗

1.
2.
3.

在父组件中，我通过$slots捕捉幻灯片。 аааааааачззз$槽

标准翻译动画没有问题。但如果我想在幻灯片中添加淡入淡出动画，我必须：

滑块{
位置：相对位置；
}
.幻灯片{
位置：绝对位置；
排名：0；
左：0；
}

所以，我必须将父元素的高度设置为等于最高滑动高度

尝试在已安装的挂钩中执行此操作：

mounted（）{
this.slides.forEach（（项目）=>{
控制台日志（item.elm.clientHeight）；
})
}

但是上面说：

滑块1高度：1559 滑块2高度：1915 幻灯片3高度：2371

但真正的高度是：

滑块1高度：431 滑块2高度：315 幻灯片3高度：347

试试这个

this.slides.forEach((item) => {
  console.log(item.elm.offsetHeight);
})

---

挂载钩子不能保证将挂载儿童。我得给你定个高度

mounted（）{
这个.$nextTick（（）=>{
//代码
})
}

高度相同的错误很高兴您找到了解决方案！