rich-text在什么时候能获取到渲染完成后的高度？

分类：uni-app

微信小程序 HBuilder X

<view class="Flipped" :style="{height: scrollHeight+'px'}" >  
    <view class="Content">  
        <rich-text id="richtext" :nodes="form.content" style="height: 100%;"></rich-text>  
    </view>  
</view>

onReady: function() {  
    let richtext = uni.createSelectorQuery().in(this).select("#richtext");  
    richtext.boundingClientRect(res=>{  
        console.log('-------高度。。。------')  
        console.log(res.height);  
        this.scrollHeight = res.height+20;  
    }).exec();  
}

业务场景：内容是富文本，内容宽度较大，会产生横向滚动条，我想把下方的滚动条翻转到上边。想了个办法是，先在rich-text中渲染元素，再外边包裹两层view，分别旋转180度，这样就能把滚动条翻转到上边。但是中间有个问题，就是rich-text的高度撑不开两层view。需要自己设置最外层view的高度。于是我想到了在onReady函数中，首先获取rich-text渲染后的高度，再把这个高度赋值给最外层view。但这个方法测试之后在onReady可以在小程序模拟器中获取元素高度，但是高真机运行的时候。高度就全0了。

请问这个该如何解决？

在模拟器中获取的高度如图1

2019-08-04 12:38 负责人:无分享