Vant的Collapse组件可以实现内容折叠和展开的功能，使用起来非常简单。首先需要引入Collapse组件：
import { Collapse } from 'vant';
然后在组件中使用Collapse组件，并传入需要展示的内容：
<template>
<div>
<van-collapse v-model="activeNames">
<van-collapse-item title="标题1" name="1">
内容1
</van-collapse-item>
<van-collapse-item title="标题2" name="2">
内容2
</van-collapse-item>
</van-collapse>
</div>
</template>
在data中定义activeNames来控制展开的内容：
export default {
data() {
return {
activeNames: ['1']
};
}
}
这样就可以实现一个基本的Collapse组件，用户点击标题就可以展开或折叠对应的内容。可以根据具体需求进一步定制组件的样式和功能。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
