码迷,mamicode.com
首页 > 其他好文 > 详细

vue获取dom元素注意问题

时间:2017-12-27 18:05:29      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:定时   pre   tick   gpo   一个   his   methods   原理   eth   

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

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

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

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

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

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

vue获取dom元素注意问题

标签:定时   pre   tick   gpo   一个   his   methods   原理   eth   

原文地址:https://www.cnblogs.com/beileixinqing/p/8126110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!