vxe-table全局修改高亮行颜色

Vue-element-admin (vxe-table) 是一款基于 Vue.js 的行政表格组件库，它允许你动态地修改表格中的高亮行颜色。如果你想全局更改所有行的高亮样式，你可以通过以下几个步骤来实现：

1. 首先，在你的项目中找到并引入 VxeTable 的样式文件。通常在 `node_modules/vxe-table/dist` 目录下的 CSS 文件。

2. 修改全局 CSS 样式，创建一个新的 class 用于高亮行，例如 `.xetable-highlight-row`。添加下面的规则来设置高亮颜色：

   .xetable-highlight-row {
     background-color: /* 你要设置的颜色，如 #ffcc00 或者 rgba(255, 204, 0, 0.5) */;
   }

3. 如果你想让所有的高亮行都应用这个样式，你需要在 VxeTable 的配置中启用行点击事件，并在响应函数中将高亮行的 `class` 添加或移除这个新的样式。例如，假设你有一个 `table` 变量引用 VxeTable 组件实例，可以这样做：

   // 示例配置项
   table.config.rowClick = function(index, row, event) {
     if (event.type === 'click') { // 判断点击类型
       row.highlight = true; // 设置当前行高亮
       // 如果你想同时移除其他高亮行，可以遍历所有行并清除它们的 highlight 属性
       table.rows.forEach(row => {
         if (row.highlight && row !== row.$index) {
           row.highlight = false;
         }
       });
     } else {
       row.highlight = false; // 点击取消高亮
     }
   };

4. 最后，记得在模板里使用 `<x-table>` 组件，并绑定到上述的 `table` 变量上。