关于display:none获取高度

Question

现在有一个元素，页面加载的时候是display:none状态,然后通过点击事件将该元素的display:none属性去掉之后获取该元素的高度，第一次的时候获取的高度总是为0，第二次就可以正常获取，如果我要第一次就获取该元素的高度要如何做呢？

用的element的tabs
代码

      handleClick(tab, event) {
        let el=this.$refs[tab.$el.children[0].children[0].children[0].getAttribute('name')]//获取ref的元素
        el=$(el)
        let h=el.height()
        console.log(h)
      },

Answer 1

使用 visibility:hidden