Collapse 折叠面板

基础用法

  1.   <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
  2.   <van-collapse-item title="标题2" name="2">内容</van-collapse-item>
  3.   <van-collapse-item title="标题3" name="3" disabled>内容</van-collapse-item>
  4. </van-collapse>
  1. <van-collapse v-model="activeName" accordion>
  2.   <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
  3.   <van-collapse-item title="标题2" name="2">内容</van-collapse-item>
  5. </van-collapse>

自定义标题内容

  1. <van-collapse v-model="activeNames">
  2.     <div slot="title">标题1 <van-icon name="question-o" /></div>
  3.     内容
  4.   </van-collapse-item>
  6.   <van-collapse-item
  7.     title="标题2"
  8.     name="2"
  9.     icon="shop-o"
  11.     内容
  12. </van-collapse>

API

Collapse Events

CollapseItem Slots