这不是Expanding a parent <div> to the height of its children的副本。 @ craig_h的回答完全解决了我的问题。
当我尝试在offsetHeight
挂钩中获取$el
的{{1}}时,它会返回0.
这是一个jsfiddle:https://jsfiddle.net/BraveOstrich/zey5eL5v/11/。
mounted
在日志中,它会显示//HTML
<div id="app">
<div class="test"></div>
</div>
//JS
new Vue({
el: '#app',
mounted() {
console.log('$el.offsetHeight', this.$el.offsetHeight)
}
})
。
答案 0 :(得分:0)
这不是Vue
错误,因为你有floated
你的div从页面流中移除它,所以this.$el
没有高度。这里是没有float的JSFiddle,返回正确的高度:
https://jsfiddle.net/zey5eL5v/12/
如果您将overflow:auto;
添加到app
css,就会出现这种情况:
https://jsfiddle.net/zey5eL5v/14/