Vue JS-如何在v-for循环中添加v-if语句

时间:2019-06-05 20:49:10

标签: vue.js v-for

我渲染一个表格: (...)

<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 {

部分?

0 个答案:

没有答案