在uni-drawer中uni-app collapse配置默认打开不生效 只有箭头向上表示打开生效但是内容却不展开

在 uni-app 中使用 uni-drawer 和 uni-collapse 时，如果你想默认打开某个 uni-collapse-item，可以通过设置 uni-collapse-item 的 open 属性来实现。如果设置后默认打开不生效，可能是由于以下原因：

1. open 属性未正确设置

确保你在 uni-collapse-item 中正确设置了 open 属性，并且该属性的值为 true。

<uni-collapse>
  <uni-collapse-item title="标题1" open="true">
    <view>内容1</view>
  </uni-collapse-item>
  <uni-collapse-item title="标题2">
    <view>内容2</view>
  </uni-collapse-item>
</uni-collapse>

2. uni-collapse 的 accordion 属性

如果 uni-collapse 的 accordion 属性设置为 true，则每次只能展开一个 uni-collapse-item。如果你希望默认打开多个 uni-collapse-item，需要将 accordion 属性设置为 false。

<uni-collapse :accordion="false">
  <uni-collapse-item title="标题1" open="true">
    <view>内容1</view>
  </uni-collapse-item>
  <uni-collapse-item title="标题2" open="true">
    <view>内容2</view>
  </uni-collapse-item>
</uni-collapse>

3. 动态设置 open 属性

如果你需要动态设置 open 属性，可以通过 v-model 或 ref 来控制 uni-collapse-item 的展开状态。

<template>
  <uni-collapse>
    <uni-collapse-item :title="item.title" :open="item.open" v-for="(item, index) in items" :key="index">
      <view>{{ item.content }}</view>
    </uni-collapse-item>
  </uni-collapse>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { title: '标题1', content: '内容1', open: true },
        { title: '标题2', content: '内容2', open: false }
      ]
    };
  }
};
</script>

4. 检查组件版本

确保你使用的 uni-ui 组件库是最新版本，旧版本可能存在一些 bug 或功能不完善的情况。

5. 样式问题

有时候，内容展开但样式未正确显示，可能是由于样式冲突或未正确加载。检查一下是否有自定义样式影响了 uni-collapse-item 的显示。

6. 使用 ref 手动控制

如果以上方法都不奏效，你可以通过 ref 手动控制 uni-collapse-item 的展开状态。

<template>
  <uni-collapse ref="collapse">
    <uni-collapse-item title="标题1" ref="item1">
      <view>内容1</view>
    </uni-collapse-item>
    <uni-collapse-item title="标题2">
      <view>内容2</view>
    </uni-collapse-item>
  </uni-collapse>
</template>

<script>
export default {
  mounted() {
    this.$refs.item1.open(); // 手动打开第一个折叠项
  }
};
</script>