vant的Collapse 折叠面板和单元格中使用v-for

 

import Vue from 'vue';

import { Cell, CellGroup,Collapse ,CollapseItem} from 'vant';

<van-collapse v-model="activeNames" icon="arrow" accordion>

        <van-collapse-item title="高中年级组(4)" name="1">

         <van-cell

            :key="index"

            :title="item.title"

            :value="item.grade"

            v-for="(item, index) in items"

          />

      </van-collapse-item>

</van-collapse>

在使用v-for时，必须配合使用v-bind

   export default {

       //组件 Q2组件需要正确注册，才能被页面识别

      components: {

           [Cell.name]: Cell,

           [CellGroup.name]: CellGroup，

           [Collapse .name]: Collapse ,

          [CollapseItem.name]