Vuejs中v-if v-show无法获取div高度

 

场景：点击更多的时候 筛选项对增多 红框中的高度会发生变化 下面的列表会距离顶部的距离会发生变化

开始的时候我是通过ref获取红框中的高度 但拿不到 后来又用了id拿到的重视上一次的高度 于是百度查找用$nextTick 解决方法如下

moreBtn(){
      this.isMore=!this.isMore;
      /*if(this.isMore){
        console.log(document.getElementById('fixedTop').offsetHeight)
      }*/
      this.$nextTick(function () {
        this.fixedTopNum=document.getElementById('fixedTop').offsetHeight+'px';
        /*console.log(document.getElementById('fixedTop').offsetHeight,this.fixedTopNum)*/
      })


    },

参照：https://yqc.im/vue-js-v-if-v-show-dom-height.html