vue获取dom元素注意问题

Posted 2020-10-19 Apple

mounted(){
        setTimeout(()=>{
          this.contentToggle();
        },1000)
    },

methods:{
      contentToggle(){
        console.log(this.$refs.bodyFont.offsetHeight);
      }
    }

vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想，又想到用一个

this.$nextTick(()=>{
     
       //函数
})

来获取，发现根本没用啊/。。

所以好的办法就是用一个setTimeout定时器，时间可以设为0，但是有时候生效，有时候不生效，还是加一个小的时间值比较保险，这样就可以保证获取到的一定是dom加载后的了，该原理适用于vue中很多传值的问题，刚开始获取不到传过来的值，用一个setTimeout就可。