在VueJs中,offsetHeight在安装后为0

时间:2017-09-22 12:51:16

标签: vue.js

这不是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) } })

1 个答案:

答案 0 :(得分:0)

这不是Vue错误,因为你有floated你的div从页面流中移除它,所以this.$el没有高度。这里是没有float的JSFiddle,返回正确的高度:

https://jsfiddle.net/zey5eL5v/12/

如果您将overflow:auto;添加到app css,就会出现这种情况: https://jsfiddle.net/zey5eL5v/14/