Vue JS - как добавить оператор v-if в цикл v-for - PullRequest
Новая
       19

Vue JS - как добавить оператор v-if в цикл v-for

0 голосов
/ 05 июня 2019

Я предоставляю форму: (...) 

<td class="vue-good-table-col-100">
                        <table class="factor-table">
                            <tr v-for="factor in criteria.violationFactors">
                                <td>
                                    <span>
                                        <input type="checkbox"
                                               :id="'checkbox'+factor.factor"
                                               v-model="factor.incidentAssessmentFactor[0].factorIsSelected"
                                               @click="selectDegree(factor); updateScoreForCriteria(criteria);">
                                    {{factor.selectedDegree}}
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </td>

(...)

Факторы рендеринга выглядят так (в html): 

factor1 (and here checkbox)
factor2 (and here checkbox)

но в пределах примерно 30 факторов у меня есть несколько пар факторов: 

factor22 (+) (and here checkbox)
factor22 (-) (and here checkbox)

, которые отличаются + / -

для этих пар я хотел бы иметь такую ​​особенность, чтобы можно было проверить только один из этих двух факторов (например, другой должен быть отключен)

enter image description here

Как реализовать это дело? Должен ли я добавить новые данные в мой 

data() {
            return {

раздел

...