<van-collapse
v-model="activeNames"
v-for="(item, index) in qaItems"
:key="'fold' + index"
:accordion="true"
@change="collapseChange(item, index)"
>
<van-collapse-item
:title="item.title"
:name="index"
>
<div
v-html="subitem"
v-for="(subitem, index) in htmlList"
:key="'ht' + index"
>
{{ subitem }}
</div>
</van-collapse-item>
</van-collapse>
通过v-model绑定的activeNames的值,点击折叠面板,展开有值,收起值为空。在change事件中,判断activeNames是否有值来执行业务。
collapseChange(item, index) {
this.$nextTick(() => {
console.log('name', this.activeNames)
if (this.activeNames !== '') {
this.saveOptionRecord(item.htmlId, 'reading', item.title)
}
})
}