<el-table-column prop="date" label="Date" width="180" /> <el-table-column prop="name" label="Name" width="180" />定义背景颜色，请举例

在Element UI的表格组件 `<el-table>` 中，`<el-table-column>` 标签用于定义列属性。如果你想给某一行的背景色添加动态样式，可以在单元格渲染函数中使用`v-bind:class` 或者 `style` 属性。

例如，你可以为日期列和姓名列分别设置背景色规则：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="date"
      label="Date"
      width="180"
      :class="{ 'bg-blue': isToday(date) }"
      style="{ background-color: isToday(date) ? '#ccc' : '' }"
    >
      {{ date }}
    </el-table-column>

    <el-table-column
      prop="name"
      label="Name"
      width="180"
      :class="{ 'bg-green': isSelected(name) }"
      style="{ background-color: isSelected(name) ? 'green' : '' }"
    >
      {{ name }}
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  methods: {
    isToday(date) {
      // 检查日期是否为今天，这里只是一个示例，实际可以根据日期比较实现
      return moment(date).isSame('day');
    },
    isSelected(name) {
      // 检查名字是否满足某种条件，这里是假设名字等于某个值
      return name === 'John Doe';
    }
  }
};
</script>

在这个例子中，如果当前行的日期是今天的，则该行的背景色会变为蓝色；如果姓名为 "John Doe"，则背景色会变为绿色。请注意，这只是一个基础的示例，实际应用中你需要根据业务需求编写对应的判断逻辑。