Vant 的collapse折叠面板的使用，解决循环，迭代，点击全部展开，点击单个展开

Vant 的collapse折叠面板的使用，解决循环，迭代，点击全部展开，点击单个展开

1.点击某个折叠，其他折叠也展开，v-for写在van-collapse 里 name不起作用。

<van-collapse v-model="activeName"  v-for="(item,index) in textList" :key="index" >
	<van-collapse-item  name="">

2.点击某个折叠，只展示单个折叠其他不受影响，v-for写在van-collapse-item里。

<van-collapse v-model="activeName" >
   <van-collapse-item v-for="(item,index) in textList" :key="index" :name="index">

详细代码：
第一种的全部代码

<van-collapse v-model="activeName" v-for="(item,index) in items" :key="index">
	<van-collapse-item  :name="">    //name不起作用了
		<template #title>
			<div>{{item.title}}</div>
		</template>
        <p v-for="itemText in itemTexts" :key="itemText.index">
            {{itemText}}
        </p>
    </van-collapse-item>
</van-collapse>	

点击一个，其他全部展示，如图：
————————————————————————————————————————

第二种的全部代码：

<van-collapse v-model="activeName" >
	<van-collapse-item  v-for="(item,index) in items" :key="index" :name="index">
		<template #title>
			<div>{{item.title}}</div>
		</template>
        <p v-for="itemText in itemTexts" :key="itemText.index">
            {{itemText}}
        </p>
    </van-collapse-item>
</van-collapse>	

点击一个，只展示一个，如图：
————————————————————————————————————————

参考链接：
https://blog.csdn.net/Carrie_Q/article/details/102901141
collapse折叠面板 详细使用
https://segmentfault.com/q/1010000015261079?sort=created
其他