Как выбрать определенные компоненты?

Список:

<div class="rows">
				<ul>
					<li v-for="(row,index) in sortedRows" :key="row.id">
							<canvas-row :id="row.id" :typew="typeWorkline" :dataS="row.datas" :dataRope="dataRope" :dataBlock="dataBlock" ></canvas-row>
					</li>
				</ul>
			</div>

Компонент canvas-row:

<component class="wrap-canvas" :is="currentComponent" :fb="tpwFromRow" v-for="(data, index) in dataStr" :key="index" :num="data.id" :numch="index" :mp="data.mp" :wpat="data" :tpw="tpwFromRow" :fbl="data" :tr="typeRope" :rc="ropeCol"></component>

в котором путем переключения выбирается компонент wrap -

<div class="wrap-chintz-back" v-if="pat=='back'" :style="{width: wrapReg+'px', height: heightB + 'px', marginLeft: shiftBack + 'px', zIndex: zIndexBack}">
				<div class="box-chintz za" v-for="n in mKol" :style="{marginLeft: arrShift[n-1] + 'px'}">
					<chintz :numb="numch" :swl="wrapReg" :pat="pat" :colr="colAllBlocks"></chintz>
				</div>			
			</div>

в который включен компонент chintz:

<div class="chintz" :class="classBlock" :style="{width: swl+'px', height: heightWorkline + 'px', marginTop: topWorkline + 'px', backgroundColor: crs}" @click="changeColor($event)">

по клику на блок он раскрашивается ( функция changeColor($event)). Но мне нужно, чтобы все блоки в выбранной строке раскрашивались (по клику на другую кнопку).