点击按钮无法收拢collapse-item

默认的value/v-model只能激活 是没有收拢功能的 你要用open属性控制折叠项的展开和收拢

<template>  
    <view>  
        <!-- 点击按钮控制展开和收拢 -->  
        <button @click="toggleAll">  
            {{ isAllExpanded ? '收拢全部' : '展开全部' }}  
        </button>  
        <!-- uni-collapse 组件 -->  
        <uni-collapse v-model="activeNames">  
            <!-- 第一个折叠项 -->  
            <uni-collapse-item :open="activeNames.indexOf('1') !== -1" title="折叠项 1" name="1">  
                <view>这是折叠项 1 的内容</view>  
            </uni-collapse-item>  
            <!-- 第二个折叠项 -->  
            <uni-collapse-item :open="activeNames.indexOf('2') !== -1" title="折叠项 2" name="2">  
                <view>这是折叠项 2 的内容</view>  
            </uni-collapse-item>  
            <!-- 第三个折叠项 -->  
            <uni-collapse-item :open="activeNames.indexOf('3') !== -1" title="折叠项 3" name="3">  
                <view>这是折叠项 3 的内容</view>  
            </uni-collapse-item>  
        </uni-collapse>  
    </view>  
</template>  

<script setup>  
    import {  
        ref  
    } from 'vue'  
    // 定义响应式变量 activeNames，用于存储当前展开的折叠项名称    
    const activeNames = ref([]);  
    // 定义响应式变量 isAllExpanded，用于标记是否全部展开    
    const isAllExpanded = ref(false);  
    // 点击按钮的处理函数    
    const toggleAll = () => {  
        if (isAllExpanded.value) {  
            // 如果全部展开，则收拢全部    
            activeNames.value = [];  
        } else {  
            // 如果未全部展开，则展开全部    
            activeNames.value = ['1', '2', '3'];  
        }  
        // 切换展开状态标记    
        isAllExpanded.value = !isAllExpanded.value;  
    };  
</script>  

<style lang="scss">  

</style>