ADD: 选择框控制

src/components/ChooseImage.vue

@@ -20,7 +20,7 @@
             </el-header>
             <el-container>
                 <ImageAside ref="ImageAsideRef" @change="handleAsideChange" />
-                <ImageMain ref="ImageMainRef" @choose="handleChoose"/>
+                <ImageMain openChoose ref="ImageMainRef" @choose="handleChoose"/>
             </el-container>
         </el-container>
 

src/components/ImageMain.vue

@@ -12,7 +12,7 @@
                         </el-image>
                         <div class="image-title">{{ item.name }}</div>
                         <div class="flex items-center justify-center p-2">
-                            <el-checkbox v-model="item.checked"  @change="handleChooseChange(item)"/>
+                            <el-checkbox v-if="openChoose" v-model="item.checked"  @change="handleChooseChange(item)"/>
                             
                             <el-button type="primary" size="small" text @click="handleEdit(item)">重命名</el-button>
 
@@ -142,6 +142,13 @@ const handleDelete = (id) => {
 const handleUploadSuccess = ()=>getData(1)
 
 
+defineProps({
+    openChoose:{
+        type:Boolean,
+        default:false
+    }
+})
+
 
 // 选中图片
 const emit = defineEmits(["choose"])