naive-ui/demo/documentation/components/collapse/zhCN/displayDirective.md

显示指令

设定 display-directive 为 if 或 show 来控制 n-collapse-item 里面的 DOM 是否保持。

<n-collapse v-model="activeNames" display-directive="show">
  <n-collapse-item title="绿灯" name="1">
    <n-collapse v-model="activeNames2">
      <n-collapse-item title="常亮" name="1">
        <div>通过</div>
      </n-collapse-item>
      <n-collapse-item title="闪烁" name="2">
        <div>快速通过</div>
      </n-collapse-item>
    </n-collapse>
  </n-collapse-item>
  <n-collapse-item title="红灯" name="2">
    <div>停</div>
  </n-collapse-item>
</n-collapse>

export default {
  data() {
    return {
      activeNames: [],
      activeNames2: []
    }
  }
}