Event handling when the vue parent component references multiple identical child components

as shown in the figure, the following button subcomponents are referenced on the page, the first is online and selected, the second is online unselected, and the third is offline. Whether the button is returned in the online background, only the online status can be clicked and selected, and other online status buttons become unchecked after being selected. Button in offline state is read-only (does not trigger click event)

isClick true isClickfalse.
:isClicktruefalse

Component-communication vue.js

Jun.14,2022

parent component isclick,

<div v-for="(item,index) in channelBtns" :key="index">
    <channel-btn :channel-name="item.name" :is-online="item.isonline" :isClick="item.isClick" 
    class="channelBtn" @change="clickBtn"></channel-btn>
</div>```
isclickprops

props: {

    channelName:String,
    isOnline:Boolean,
    isClick: Boolean,
},

Previous: After git checks out a tag, how do you often look at the corresponding name of the tag, that is, tag_name? There is no answer on the Internet, can the bosses understand what I am asking?

Next: Is there a limit on the number or size of input file checkboxes?

This.$parent.attribute is a undefined problem in vue
this.$parent.attribute is a undefined problem in vue vue2.9.6 <template> <el-container> <h1>{{say}}< h1><br> <button @click= changeChild >changeChild< button> <child-component ref="child"&...

Component-communication vue.js

Jul.30,2021