当 u-collapse-items
中的内容为动态的时候,会发生这种情况:
在 uview 官网中有一个方法可以解决:
具体方法:
- 在
u-collapse
标签中配置ref="collapse"
:
<u-collapse ref="collapse" :item-style="itemStyle" event-type="close" :arrow="true" :accordion="false" @change="change">
- 我这里是点击上传之后内容变成动态的,高度随之发生变化,所以我在点击上传的函数中写上了:
this.$nextTick(() => {this.$refs.collapse.init();})
在 vue 组件完成数据更新和 DOM 渲染之后使用了 init()
方法,可以看到已经解决了: