解决 uView u-read-more 嵌套 rich-text 高度不对

在uni-app中遇到rich-text组件因图片异步加载导致计算高度不准确的问题。通过修改u-read-more组件,在图片加载完成后再次获取内容高度,以确保正确显示。尝试使用uView的u-parse组件但样式不符,最终决定在u-read-more组件的toggleReadMore方法内调整高度计算。
摘要由CSDN通过智能技术生成

因为 rich-text 里面有不少图片, u-read-more 计算高度后图片才加载出来, 高度就会不对.

解决方法就是, 在图片加载好后, 再调用一次 this.$refs.uReadMore.init();

但 uni-app 的 rich-text 没有提供图片加载完成的事件. uView 有个 u-parse 富文本组件, 但加载出来的样式有问题.

只能从 u-read-more 组件下手.

方法是在 u-read-more 组件 toggleReadMore() 中再获取一次高度

node_modules/uview-ui/components/u-read-more/u-read-more.vue

获取高度

this.getContentHeight().then(height => {
    this.contentHeight = height
})
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值