vant collapse 手风琴风格下每行选择数量

vant collapse 手风琴风格下每行选择数量

 <van-collapse v-model="activeName" :border="false" accordion>
                        <van-collapse-item :name="listIndex">
                            <template #title>
                                {{listItem.drugType }} <span v-if=" listItem.selectNum != 0" style="color:#999999 ;">({{listItem.selectNum}})</span>
                            </template>
                            <div class="drugType">
                                <van-checkbox-group v-model="checked" @change="clickSelect">
                                    <van-checkbox shape="square" style="margin-left: 10px;margin-top:12px;" v-for="ite in listItem.drug" :name="ite.drugId">
                                        {{ ite.drugName }}
                                    </van-checkbox>
                                </van-checkbox-group>
                            </div>
                        </van-collapse-item>
                    </van-collapse>

 deepClone(obj) {
            let objClone = Array.isArray(obj) ? [] : {};
            if (obj && typeof obj === 'object') {
                for (let key in obj) {
                    if (obj[key] && typeof obj[key] === 'object') { // 判断对象的这条属性是否为对象
                        objClone[key] = this.deepClone(obj[key]); // 若是对象进行嵌套调用
                    } else {
                        objClone[key] = obj[key]
                    }
                }
            }
            return objClone; //返回深度克隆后的对象
        },
        clickSelect(e) {
            if (e.length > 3) {
                e.pop(); 
            }
            var arr = this.deepClone(this.drugList);
            arr.map(ele => {
                let selectNum = 0
                ele.drug.map(ele1 => {
                    if (e.includes(ele1.drugId)) {
                        selectNum++
                    }
                })
                this.$set(ele, "selectNum", selectNum)
                console.log(selectNum)
            })
            this.drugList = this.deepClone(arr);

        },