【uniapp/uview1.x】u-collapse 高度随内容自适应

本文主要是介绍【uniapp/uview1.x】u-collapse 高度随内容自适应，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

当 u-collapse-items 中的内容为动态的时候，会发生这种情况：

在 uview 官网中有一个方法可以解决：

具体方法：

1. 在 u-collapse 标签中配置 ref="collapse"：

<u-collapse ref="collapse" :item-style="itemStyle" event-type="close" :arrow="true" :accordion="false" @change="change">

2. 我这里是点击上传之后内容变成动态的，高度随之发生变化，所以我在点击上传的函数中写上了：

 this.$nextTick(() => {this.$refs.collapse.init();})

在 vue 组件完成数据更新和 DOM 渲染之后使用了 init() 方法，可以看到已经解决了：

这篇关于【uniapp/uview1.x】u-collapse 高度随内容自适应的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---