Vue.js Vuejs跨行匹配某些条件

我有一个循环的表格，列出了很多项目。有两个标签，一个称为产品名称，一个称为装载编号。我希望当装载编号相同时，将产品名称保留在同一单元格中，就像当装载编号相同时的span product name行一样

我真的不知道怎么做。 我该怎么做

<el-table-column prop="product"
                 sortable="custom"
                 :label="$t('Product name')"
                 width=""
                 v-if="checkedCols.indexOf('Product Name') >= 0">
</el-table-column>

<el-table-column prop="po_number"
                 sortable="custom"
                 :label="$t('Load number')"
                 width=""
                 v-if="checkedCols.indexOf('Load Number') >= 0">
  <template slot-scope="scope">
      <a target="_blank"
         href="#" @click="openPhaseIUrl(scope.row.po_number, 'load')">
        {{scope.row.po_number}}
      </a>
  </template>
</el-table-column>

---

不确定我是否理解您的问题，但我希望这有帮助（）：

模板：

<div id="app">
  <table>
    <tr>
      <th>PO Number</th>
      <th>Product name</th>
    </tr>

    <tr v-for="(products, po_number) in productsGroupedByPoNumber">
      <td v-text="po_number" />
      <td>
        <p v-for="product in products" v-text="product" />
      </td>
    </tr>
  </table>
</div>

---

不确定我是否理解你的问题，但我希望这有帮助（）：

模板：

<div id="app">
  <table>
    <tr>
      <th>PO Number</th>
      <th>Product name</th>
    </tr>

    <tr v-for="(products, po_number) in productsGroupedByPoNumber">
      <td v-text="po_number" />
      <td>
        <p v-for="product in products" v-text="product" />
      </td>
    </tr>
  </table>
</div>

---

我同意@Laran的回答我同意@Laran的回答