一、复现?
我在A页使用uni-collapse,数据为循环中的值,当我从A页跳转到B页,再点导航栏的返回键时,折叠面板中的内容直接丢失,截图如下。
二、出现的原因
通过调试发现,是子面板的style的height属性被自动修改为0。
三、解决方案
查看官方文档后发现:
resize 方法解决动态添加数据,带动画的折叠面板高度不更新的问题
需要在数据渲染完毕之后使用 resize 方法。推荐在 this.$nextTick() 中使用
所以,在onShow方法中使用此方法即可。
this.$nextTick(() => {
this.$refs.xxx.resize()
})