<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="名称" prop="id" /> <el-table-column label="名字" prop="illname" /> <el-table-column label="Img" prop="img"> <template v-slot="scope"> <img :src="scope.row.img" style="width: 150px; height: 150px" /> </template> </el-table-column> <el-table-column align="right" prop="id"> <template #header> <el-input v-model="search" size="small" placeholder="搜索想要的图片" @blur="find()" /> </template> <template #default="scope"> <el-button size="small" @click="handleEdit(scope.$index, id)" >编辑</el-button > <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row, id)" >删除</el-button > </template> </el-table-column> </el-table> <button class="add">新增数据</button> </template>再删除按钮中，怎么获得id的值

在这段代码中，删除按钮所在的列是一个 el-table-column 组件，其 prop 属性的值为 "id"。因此，scope.row.id 可以获取到当前行数据的 id 值。在 handleDelete 方法中，可以通过参数获取到当前行数据，即第二个参数 scope.row，从而获取到 id 值，例如：

handleDelete(index, row, id) {
  const currentId = row.id;
  // ...
}

相关问题

<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="150"> </el-table-column> <el-table-column label="配送信息"> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> <el-table-column label="地址"> <el-table-column prop="province" label="省份" width="120"> </el-table-column> <el-table-column prop="city" label="市区" width="120"> </el-table-column> <el-table-column prop="address" label="地址" width="300"> </el-table-column> <el-table-column prop="zip" label="邮编" width="120"> </el-table-column> </el-table-column> </el-table-column> </el-table> </template>如何将这个表格大小设置为占满全屏

可以通过给表格外层的元素设置宽度和高度为100%来实现表格占满全屏的效果。

具体操作如下：

1. 在表格外层包裹一个元素，如一个div元素。

2. 给这个div元素设置宽度和高度为100%。

3. 给el-table元素设置宽度为100%。

下面是一个示例代码：

<template>
  <div style="width: 100%; height: 100%;">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="150">
      </el-table-column>
      <el-table-column label="配送信息">
        <el-table-column prop="name" label="姓名" width="120">
        </el-table-column>
        <el-table-column label="地址">
          <el-table-column prop="province" label="省份" width="120">
          </el-table-column>
          <el-table-column prop="city" label="市区" width="120">
          </el-table-column>
          <el-table-column prop="address" label="地址" width="300">
          </el-table-column>
          <el-table-column prop="zip" label="邮编" width="120">
          </el-table-column>
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>

其中，div元素的宽度和高度设置为100%即可让表格占满全屏。

<template> <el-container style="height: 100%"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="考核指标"></el-table-column> <el-table-column prop="date" label="具体事项（原）"></el-table-column> <el-table-column label="具体事项（新）" prop="item"> <el-table-column prop="province" label="考核要点"></el-table-column> <el-table-column prop="city" label="计分方法"></el-table-column> <el-table-column prop="address" label="考核目标"></el-table-column> </el-table-column> <el-table-column prop="date" label="考核周期"></el-table-column> </el-table> </el-container> </template>如何将每个表头设置为不同的颜色

可以使用 `headerCellStyle` 属性来设置表头单元格的样式。例如，你可以在 `el-table-column` 标签中为每个表头单元格设置不同的背景色：

<template>
  <el-container style="height: 100%">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="考核指标" header-style="{background:'#ff0000'}"></el-table-column>
      <el-table-column prop="date" label="具体事项（原）" header-style="{background:'#00ff00'}"></el-table-column>
      <el-table-column label="具体事项（新）" prop="item" header-style="{background:'#0000ff'}">
        <el-table-column prop="province" label="考核要点"></el-table-column>
        <el-table-column prop="city" label="计分方法"></el-table-column>
        <el-table-column prop="address" label="考核目标"></el-table-column>
      </el-table-column>
      <el-table-column prop="date" label="考核周期" header-style="{background:'#ffff00'}"></el-table-column>
    </el-table>
  </el-container>
</template>

在上面的例子中，`headerStyle` 绑定了一个对象，该对象包含一个 `background` 属性，该属性指定了表头单元格的背景色。你可以根据需要修改 `background` 属性的值来设置不同的颜色。