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
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,
},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"&...