vue3 antd 表格点击和点击背景色

页面

 <a-table
        :scroll="{ y: 500 }"
        :data-source="tableData"
        :customRow="customRow"
        :row-class-name="record => (record.id === clickRow ? 'click-tr' : '')"
        :columns="columns"
        :pagination="pagination"
        :loading="loading"
        row-key="id"
        @change="onChange"
      ></a-table>

方法

// 表格点击
const clickRow = ref("");
const customRow = (record: any) => {
  return {
    onClick: () => {
      clickRow.value = record.id;
      console.log(record.id === clickRow.value, clickRow);
    },
  };
};

样式

:deep(.ant-table-tbody) {
  // 设置点击颜色
  > tr.click-tr {
    background: pink !important;
  }
  > tr.click-tr td {
    background: pink !important;
  }
}