Vuel+Element中动态修改checkbox勾选框颜色

产品要求：根据用户输入的颜色，自动改变checkbox中勾选框颜色
饿了么文档并没有提供此方法，于是巧妙地利用css var动态生成颜色变量，挂载到父节点，于是就可以了

话不多说，先康康效果

  <el-checkbox-group v-model="val">
        <el-checkbox
          v-for="(item,index) in list"
          :key="index"
          :style="{
    '--fill-color':'#334CD4'}"
          :label="item.title"
        />
  </el-checkbox-group>

style样式(scss)

 ::v-deep .el-checkbox {
   
       .el-checkbox__label