vue中，根据屏幕不同设置子组件的高度，ref、$refs、props

现在有一个需求：中间子组件的高度要固定，并且由设备的高度（不同设备高度不同）和父组件头部和尾部决定 需求来源：用vue做移动端商城，使用mint-ui时，使用上拉下拉刷新加载功能时要固定容器高度，不然会被元素无线撑大，会导致不管什么时候直接拉动都会进行加载 本文用以记录实现这个需求的方法 知识点：用ref获取dom元素、$refs获取用 ref 注册过的所有 dom元素、通过props来父传子通信

>>阅读原文<<