Vuejs2 如果v-for嵌套在表格单元格中，如何隐藏整个表格行？

我有一个表，VueJS在其中呈现这样的列表，但是如果属性

ConstRegional

或

ConstRegional-p

或

ConstRegional-S

没有数据，如何隐藏名为

Regional

的表行部分

<table class='table'>
            <tbody>
              <tr>
                <th style='border-top: none'>Regional:</th>
                  <td style='border-top: none'>
                    <ul>
                      <template v-for='item in ec'>
                      <li v-if='item["Extraction Criteria"] == "ConstRegional"' :key='item["Extraction Criteria"]'>
                        {{item['Collection Requirements']}}
                      </li>
                      <li v-if='item["Extraction Criteria"] == "ConstRegional-P"' :key='item["Extraction Criteria"]'>
                        {{item['Collection Requirements']}}
                      </li>
                      <li v-if='item["Extraction Criteria"] == "ConstRegional-S"' :key='item["Extraction Criteria"]'>
                        {{item['Collection Requirements']}}
                      </li>
                      </template>
                    </ul>
                  </td>
              </tr>
....snip

区域的：



{{item['Collection Requirements']}


{{item['Collection Requirements']}


剪

在您的

标签中，您可以添加如下长度的过滤器检查，以在未找到所有必需属性时隐藏整个

<tr v-if="ec.filter((item) => item['Extraction Criteria'] == 'ConstRegional-P' || item['Extraction Criteria'] == 'ConstRegional-S' || item['Extraction Criteria'] == 'ConstRegional').length"</tr>

区域的：

{{item[“提取标准”]}

没有礼物

将所有条件与“或”类似的

v-if=“item[“Extraction Criteria”]=“ConstRegional-P”| item[“Extraction Criteria”]=“ConstRegional-S”]=“item[“Extraction Criteria”]=“ConstRegional”

通常，

th

元素嵌套在

thead

元素中。您还缩进紧跟在

th

元素之后的

th

元素，是否要将其嵌套在

th

元素中？你肯定有一个有趣的表格布局。您可能会从这里的指南中受益。如果您提到的数据属性不适用于

ec

中的每个元素或任何元素，是否要隐藏该行？