加高el-table单元格

在Element UI的`el-table`组件中，如果你想调整单元格的高度，可以利用`cell-style`属性或者直接操作DOM来实现。以下是两种常见的方法：

1. **通过`cell-style`属性**:
在每个需要设置高度的单元格上，你可以提供一个函数返回一个对象，该对象包含`height`属性来指定单元格的高度。例如：

   <el-table :data="tableData">
     <el-table-column prop="name" label="姓名"></el-table-column>
     <template slot-scope="scope">
       <div :style="{ height: '40px' }"> <!-- 设置单元格高度 -->
         {{ scope.row.name }}
       </div>
     </template>
   </el-table>

2. **操作DOM**:
如果你想动态控制每个单元格的高度，可以在元素加载后使用JavaScript修改其样式。比如，在`mounted()`生命周期钩子中设置：

   mounted() {
     this.$nextTick(() => {
       const cells = this.$refs.table.querySelectorAll('td');
       cells.forEach(cell => cell.style.height = '40px'; // 可以替换为你需要的高度值
     });
   }

请注意，这两种方法都只会影响当前表格渲染后的单元格，如果你希望所有单元格默认都具有特定高度，可能需要自定义`el-table`的全局样式。