根据官方文档给出的示例,可以使用插槽来改变左侧图标样式
<van-collapse v-model="activeNames">
<van-collapse-item name="1">
<template #title>
<div>标题1 <van-icon name="question-o" /></div>
</template>
内容
</van-collapse-item>
</van-collapse>
在template
中,给了一个#
来绑定需要更改的东西,可以认为是选择器一样
<van-collapse v-model="activeName" accordion>
<template #right-icon>
<div>123</div>
</template>
</van-collapse-item>
</van-collapse>
然后根据插槽里自定义的类名进行修改右侧图标或者文案,此处也可以使用Vant自带的icon进行修改
<van-collapse v-model="activeName" accordion>
<template #right-icon>
<div>标题1 <van-icon name="question-o" /></div>
</template>
</van-collapse-item>
</van-collapse>