解决 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
})
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
"nomoredatatoreadfromsocket" 这个词组的意思是“无法从套接字读取更多的数据”。它通常用于描述网络通信中的问题,表明一个程序或计算机无法继续从套接字接收数据,可能是因为数据已经全部接收完毕,或者出现了某些错误导致连接中断。这个错误通常出现在计算机网络编程中,表示无法从套接字读取更多的数据。这种情况可能发生在以下情况下: 1. 套接字已经关闭:这可能是因为远程主机已经关闭了连接,或者因为本地主机在读取数据之前已经关闭了套接字。 2. 数据已经被完全读取:如果你在一个循环中读取套接字中的数据,那么当读取完所有数据后,你可能会遇到这个错误。 3. 网络错误:这可能是由于网络中断或其他网络错误导致的。 要解决这个问题,你可以尝试以下几个步骤: 1. 确保套接字没有被关闭:在尝试读取套接字之前,请确保套接字已经建立连接,并且远程主机没有关闭连接。 2. 检查是否已经读取完所有数据:如果你正在读取套接字中的数据,可以检查是否已经读取完所有数据。如果没有,请继续读取,直到数据全部读取完毕。 3. 检查网络连接:如果套接字已经建立连接,并且你仍然无法读取数据,可能是由于网络中断或其他网络错误导致的。可以尝试重新连接网络或者联系网络管理员解决问题。 希望这些信息能够帮助你解决问题!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值