子组件:
<子组件 ref="命名"></子组件>
console.log(this.$refs['命名'].$el.offsetHeight)
(每个组件都有一个 $el 属性,表示其对应的 DOM)来获取
但这个属性其实是私有属性,理论上对开发者并不透明,但因为 JS 语法的缘故并没有真正的私有属性所以也可以直接用。
最次是给子元素的根节点添加个 ref,然后在父组件中 this.$refs['child'].$refs['child-dom'] 来获取子组件 DOM。但这样做破坏了封装性,相当于父组件提前知道子组件的结构了,依赖关系反了,所以不推荐。