Collapse 折叠面板

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/collapse

一个容器, 提供了可折叠的功能, 组合两个组件使用: Collapse 和 CollapseItem.

折叠面板有两个模式: 正常模式, 手风琴模式 (只允许展开一项). 两个模式互斥.

• 正常模式绑定数据时使用数组.
• 手风琴模式, 使用 accordion 属性, 并且绑定数据使用单值.

基本语法:

<van-collapse v-model="...">
  <van-collapse-item title="..." name="...">
  </van-collapse-item>

  <van-collapse-item title="..." name="...">
  </van-collapse-item>
</van-collapse>

常用属性:

• Collapse 的属性
  • accordion 手风琴模式.
  • v-model 绑定数据.
• CollapseItem 的属性
  • name 用于定义唯一标识, 绑定数据使用该值. string 或 number 类型.
  • title 左边的标题内容.
  • icon 标题左侧的图标.
  • value 右侧的文案.

Collapse 带有 change 事件, 可以监视选中的变化.