vue2 el-table 有4行 分别是公司、公司地址、员工、员工联系方式 现在想将公司及公司地址相同的行进行合并 怎么处理

要合并Vue2中的el-table表格数据中公司及公司地址相同的行，可以使用el-table的slot-scope属性和row-span、col-span属性。

首先，使用slot-scope属性定义一个名为default的插槽，指定表格每一行的数据源：

<el-table :data="tableData">
  <el-table-column prop="company" label="公司" />
  <el-table-column prop="companyAddress" label="公司地址" />
  <el-table-column prop="employee" label="员工" />
  <el-table-column prop="employeeContact" label="员工联系方式" />
</el-table>

然后，在需要合并单元格的列中，使用row-span和col-span属性指定单元格合并的行数和列数：

<el-table :data="tableData">
  <el-table-column prop="company" label="公司">
    <template slot-scope="scope">
      <template v-if="scope.$index === 0 || scope.row.company !== tableData[scope.$index - 1].company">
        <span :row-span="tableData.filter(item => item.company === scope.row.company).length">
          {{ scope.row.company }}
        </span>
      </template>
    </template>
  </el-table-column>
  <el-table-column prop="companyAddress" label="公司地址">
    <template slot-scope="scope">
      <template v-if="scope.$index === 0 || scope.row.company !== tableData[scope.$index - 1].company || scope.row.companyAddress !== tableData[scope.$index - 1].companyAddress">
        <span :row-span="tableData.filter(item => item.company === scope.row.company && item.companyAddress === scope.row.companyAddress).length">
          {{ scope.row.companyAddress }}
        </span>
      </template>
    </template>
  </el-table-column>
  <el-table-column prop="employee" label="员工" />
  <el-table-column prop="employeeContact" label="员工联系方式" />
</el-table>

在上面的示例中，我们分别在公司和公司地址这两列中使用了template元素，并在template元素中使用了row-span属性。具体做法是，首先判断当前行是否为该公司及该公司地址的第一行，如果是，则使用filter方法计算出该公司及该公司地址的总行数，然后将row-span属性设置为该总行数。

通过以上方式实现了将公司及公司地址相同的行进行合并。需要注意的是，由于需要计算总行数，这种方式在数据量较大时可能会影响性能。