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

Question

[tatushka]

Добрый вечер!
Есть список. Внутри каждой строки списка - набор одинаковых компонентов. Задача:
1. Выбрать нужную строку.
2. Клик по кнопке "Перекрасить компоненты".
3. Выбрать все компоненты, которые находятся в нужной строке
4. и перекрасить их
Как выполнить п.1 и п.3 ? остальное я сама смогу.
Уже крыша съезжает...

Comments

[WebDev]

Вы бы код приложили.

[tatushka]

Список:

<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)). Но мне нужно, чтобы все блоки в выбранной строке раскрашивались (по клику на другую кнопку).