大家好，
想請教，今天我有兩個區塊。
區塊二是選單，區塊一是已選擇。

我想在區塊二，按下按鈕A之後，按鈕A會顯示在區塊一裡。
同時，區塊二的按鈕A會消失。
這該怎麼做呢?

我的環境是:Vue3、Vite、tailwindCss
目前我是在區塊一使用label、區塊二使用input的checkbox
兩者之間，使用id='check'+選單變數，去做綁定。

(1)這是剛開啟網頁時:

(2)這是點選區塊二的按鈕時，會顯示在區塊一裡。
目前卡在不知道怎麼讓區塊二的按鈕消失，並且在取消選擇時，還能再次出現。

這是我的程式碼:

<script setup>
    import {computed, ref} from 'vue'
    //選單
    const array = ref([
        1,2,'a',4,'b'
    ])
    //已選擇
    const checked= ref([])  
</script>

<template>
    <div class="bg-green-200 p-5">
        <h2>我是區塊一</h2>
        <div class="flex my-5">
            <div v-for="(check,index) in checked" :key="check+index" class="mr-2">
                <label :for="'check'+check" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">{{check}}</label>   
            </div>
        </div>
    </div>
    <div>我是已點選變數:{{checked}}</div>
    <div class="bg-red-200 p-5">
        <h2>我是區塊二</h2>
        <div class="flex mt-5">
            <div class="w-20" v-for="(single,index) in array" :key="single+index">
                <div>
                    <label :for="'check'+single" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">{{single}}</label>
                    <input type="checkbox" :value="single" :id="'check'+single" v-model="checked" class="hidden">
                </div>
            </div>
        </div>
    </div>
</template>

這是移除CSS後的程式碼，只有純功能(方便閱讀^^)

<script setup>
    import {computed, ref} from 'vue'
    //選單
    const array = ref([
        1,2,'a',4,'b'
    ])
    //已選擇
    const checked= ref([])  
</script>

<template>
    <div class="bg-green-200 p-5">
        <h2>我是區塊一</h2>
        <div class="flex my-5">
            <div v-for="(check,index) in checked" :key="check+index">
                <label :for="'check'+check">{{check}}</label>   
            </div>
        </div>
    </div>
    <div>我是已點選變數:{{checked}}</div>
    <div>
        <h2>我是區塊二</h2>
        <div>
            <div v-for="(single,index) in array" :key="single+index">
                <div>
                    <label :for="'check'+single">{{single}}</label>
                    <input type="checkbox" :value="single" 
                           :id="'check'+single" v-model="checked" 
                           class="hidden"
                     >
                </div>
            </div>
        </div>
    </div>
</template>