html - HTML - 在 div 中包装 td

Question

使用 vue，我td使用 v-for 动态创建多个元素。

  <table>
    <tr>
      <td v-for="(item, index) in navLinks" :key="index">
        <span v-if="item.vif">
          <router-link
            :to="{ name: item.name }"
            class="router-links"
            style="margin-left: 0rem;"
            exact
          >{{ item.text }}</router-link>
        </span>
        <span v-if="showPipe(item, index)">|</span>
        <span v-if="showMargin(item, index)"></span>
      </td> 
    </tr>
  </table>

现在我想将所有 tds 包装在另一个 html 元素中，而不创建另一个表。这可能吗？

标签： htmlvue.jsvuejs2v-for