一、复现?

我在A页使用uni-collapse,数据为循环中的值,当我从A页跳转到B页,再点导航栏的返回键时,折叠面板中的内容直接丢失,截图如下。

在这里插入图片描述

二、出现的原因

通过调试发现,是子面板的style的height属性被自动修改为0。

三、解决方案

查看官方文档后发现

resize 方法解决动态添加数据,带动画的折叠面板高度不更新的问题
需要在数据渲染完毕之后使用 resize 方法。推荐在 this.$nextTick() 中使用

所以,在onShow方法中使用此方法即可。

			this.$nextTick(() => {
				 this.$refs.xxx.resize()
			})
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐