一、复现?

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

在这里插入图片描述

二、出现的原因

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

三、解决方案

查看官方文档后发现

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

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

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐