ul.product-grid {
display: flex;
flex-flow: row wrap;
}
ul li {
display: flex;
flex-flow: row wrap;
}
ul li .product-block {
display: flex;
margin: 0 !important;
}
ul li .product-block-inner {
display: flex;
flex-flow: column nowrap;
}
/* Отступ для кнопки */
ul li .product-block-inner .price {
margin-top: auto;
}
Поэтому решение нашел стремное, а именно я динамически передаю новые id, на каждую итерацию цикла. Т.е. 4 id из state, после уже в стили делаю такие как и были :after+label и тд. Нужный функционал то я получил, но весь дерьмо код - вижу
.choicePrice(v-for="(item, index) in getCheckouts")
p {{item.text + ' ' + item.price}}
.priceOne
input(type="radio" :id="`priceChoice${index}`" name="choicePrice" class="inputMoney")
label(class="labelMoney" for="choicePrice")
#priceChoice:checked+label:after
.choicePrice(v-for="item in getCheckouts")
p {{item.text + ' ' + item.price}}
.priceOne
input(type="radio" id="priceChoice" name="choicePrice" class="inputMoney")
label(class="labelMoney" for="choicePrice")
Можете подробно объяснить?