Vue+ElementUi动态修改选择器边框颜色

方法：利用css var动态生成颜色变量

 <el-select v-model="data"                    
     :style="{'--select-borderColor': data? '#ae4e66':'#9d9d9d'}"
  >
      <el-option v-for="item in list" :key="item.value"      
         :label="item.label"
         :value="item.value">
    </el-option>
 </el-select>

::v-deep .el-select {
                  width: 100px;
                  margin-right: 10px;
                  position: relative;
                  .el-input {
                    input {
                      height: 40px;
                      border-color: var(--select-borderColor);
                      color: #000;   
                    }
                  }
                }