uniAPP中uni-collapse使用

uni-collapse(折叠面板) 是uni-app的扩展组件，用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。在我的实际使用过程中碰到的问题是折叠的内容不能显示。

这是我最初的写法：

<uni-collapse ref="collapse" accordion>
           <uni-collapse-item :title="item.key" v-for="item in dataList" :name="item.id" :key="item.id">
                    <view class="content">
                        <view v-for="(children, index) in item.children" :key="index" class="content-item">
                            {{children.pinyin}}
                        </view>
                    </view>
                </uni-collapse-item>
</uni-collapse>

在网上搜上好久，得到的最终的解决方案是在uni-collapse-item为再加一个view，v-for在view中。

<uni-collapse ref="collapse" accordion>
            <view v-for="item in dataList" >
                <uni-collapse-item :title="item.key" :name="item.id" :key="item.id">
                    <view style="position: absolute;top: 0;"></view>
                    <view class="content">
                        <view v-for="(children, index) in item.children" :key="index" class="content-item">
                            {{children.pinyin}}
                        </view>
                    </view>
                </uni-collapse-item>
            </view>
        </uni-collapse>

下图是最终的显示效果：