el-table被点击行title添加背景颜色

`el-table`是Element UI库中的表格组件，如果你想给被点击的表格行标题添加背景颜色，你可以利用`@row-click`事件监听行的点击，并在处理函数中动态改变该行的样式。这里是一个简单的例子：

<template>
  <el-table :data="tableData" @row-click="handleRowClick">
    <el-table-column type="index"></el-table-column>
    <el-table-column prop="name" label="姓名" header-align="center" />
    <!-- ... 其他列 ... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', title: '经理' },
        { name: '李四', title: '工程师' },
        // ...
      ],
      currentRow: {} // 存储当前选中的行
    };
  },
  methods: {
    handleRowClick(row) {
      this.currentRow = row; // 更新当前行
      if (this.currentRow) {
        // 给标题添加背景色
        this.$nextTick(() => {
          row.titleEl.style.backgroundColor = '#e0e0e0'; // 预设颜色，你可以替换为你想要的颜色
        });
      } else {
        this.currentRow.titleEl.style.backgroundColor = ''; // 取消背景色
      }
    }
  }
};
</script>

在这个例子中，当用户点击一行，`handleRowClick`会被触发，我们将选中的行存储在`currentRow`中。然后通过`$nextTick`确保在DOM更新后再操作CSS，防止闪烁。如果用户点击了其他地方，我们就清空背景颜色。