vue 获取实际dom 的高度 this.$nextTick()

前言:利用vue 写的项目,由于用了iframe 的原因,子页面的内容会随着数据的不同而不同,所以iframe 的高度需要等页面数据加载完后动态计算。

经过自己各种的调试,发现在mounted 里面无法得到所需要的高度,永远偏低。

解决办法:利用watch 监听

listModel,为请求的数据,待数据请求完成后,this.$nextTick  为dom 渲染完后,执行那个方法(自己封装的动态设置高度方法)。发现,还是不行,还是得不到实际的高度。最后在封装的方法里面用定时器延时0毫秒或者几毫秒,在执行那个方法,就会得到真正的高度。这是自己想到较次的方法,欢迎大家补充。

this.$nextTick(()=>{

console.log('dom加载完成');

})

watch:{
    listModel:function () {
        this.$nextTick(()=>{
            iframeCut.setIframeHeight('iframeId','/manage/doctor.html')

   })
    }
},
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值