vue3+ts el-table el-table-column三元判断字体颜色

以下是使用Vue3和TypeScript实现el-table和el-table-column三元判断字体颜色的代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名">
      <template #default="{ row }">
        <span :style="{ color: row.score >= 60 ? 'green' : 'red' }">{{ row.name }}</span>
      </template>
    </el-table-column>
    <el-table-column prop="score" label="分数">
      <template #default="{ row }">
        {{ row.score }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  data() {
    return {
      tableData: [
        { name: '小明', score: 80 },
        { name: '小红', score: 50 },
        { name: '小刚', score: 70 },
      ],
    };
  },
});
</script>

在上述代码中，我们使用了Vue3的`defineComponent`函数来定义组件，并使用了TypeScript来进行类型检查。在模板中，我们使用了`<template>`标签来定义el-table-column的内容，并使用了三元运算符来判断字体颜色。具体来说，当分数大于等于60时，字体颜色为绿色，否则为红色。