<el-table-column label="报名状态" align="center" prop="studentStatus"> <template #default="scope"> <span v-if="scope.row.studentStatus === 0">未入场</span> <span v-if="scope.row.studentStatus === 1">已入场</span> <span v-if="scope.row.studentStatus === 2">已离场</span> <span v-if="scope.row.studentStatus === 3">已退费</span> </template> </el-table-column>怎么设置当为0时color变成红色为1是变成绿色

你使用 `v-bind` 指令来动态绑定 `style` 属性，根据 `scope.row.studentStatus` 的值来设置不同的样式。可以这样修改你的代码：

<el-table-column label="报名状态" align="center" prop="studentStatus">
  <template #default="scope">
    <span :style="{ color: scope.row.studentStatus === 0 ? 'red' : scope.row.studentStatus === 1 ? 'green' : '' }">
      <span v-if="scope.row.studentStatus === 0">未入场</span>
      <span v-if="scope.row.studentStatus === 1">已入场</span>
      <span v-if="scope.row.studentStatus === 2">已离场</span>
      <span v-if="scope.row.studentStatus === 3">已退费</span>
    </span>
  </template>
</el-table-column>

这里使用了三元运算符来判断 `scope.row.studentStatus` 的值，并根据不同的值设置不同的颜色。当 `scope.row.studentStatus` 为 0 时，字体颜色为红色；当为 1 时，字体颜色为绿色。如果是其他值，则不设置颜色。