element-ui 中 el-select 组件 根据不同值显示不同颜色

1. 给el-select 绑定 name 属性

 <el-select
                  v-else-if="item.type == 'select'"
                  v-model="scope.row[item.prop]"
                  :name="scope.row[item.prop]"
                  @change="changeBankAuthorization"
                >
                  <el-option
                    v-for="it in bankAuthorization"
                    :key="it.value"
                    :value="it.value"
                    :label="it.label"
                  >
                  </el-option>
                </el-select>

2. 在 style 中书写对应样式

/deep/ .el-select [name="已授"] {
    // name 的值 为 v-model 的值
    color: #67c23a;
}

3. 效果展示