如何动态改变Option中某一项的颜色（字体、背景），以vue为例。

html代码

     <el-select
            v-model="districtName"
            @change="getStreetList(districtName)"
            placeholder="请选择"
            style="margin-bottom: 20px"    
          >
          <el-option
            v-for="item in districts"
            :key="item.id"
            :label="item.districtName"
            :value="item.id"
            id=selectColor
          >
          </el-option>
     </el-select>

js代码

selectColor() {
          for (var i = 0; i < selectColor.length; i++) {
            selectColor[i].style.color="red"
          }  
      }