vue3iview组件库改变表格数据的文字颜色

要改变表格数据的文字颜色，你可以使用 `slot-scope` 属性来自定义单元格的渲染方式。以下是一个示例：

<template>
  <i-table :data="tableData">
    <template #default="{ row }">
      <i-table-column :render="renderCell" />
    </template>
  </i-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 24 },
        { name: 'Sarah', age: 32 },
        { name: 'Tom', age: 28 },
      ],
    };
  },
  methods: {
    renderCell(h, { row }) {
      // 根据年龄设置文字颜色
      const color = row.age >= 30 ? 'red' : 'green';
      return h('span', { style: { color } }, row.age);
    },
  },
};
</script>

在上面的代码中，我们在 `i-table-column` 组件中使用了 `render` 属性来自定义单元格的渲染方式。我们使用 `slot-scope` 属性来获取到当前行的数据，然后根据数据来设置文字颜色。最后，我们使用 `h` 函数来创建一个 `span` 元素，并设置 `style` 属性来改变文字颜色。