若依框架给字典字段新增color值，并且实现下拉列表选项进行颜色设置

首先获取所要新增的字典，并且根据字典的value值选取对应的颜色参数

this.getDicts("risk_level").then(response => {
      const color = {mild:'#F1F4BD',moderate:'#EEC920',severe:'#FF6C0D',very_severe:'#FF0000',no_harm:'green'};
      const res = response.data.map((item)=>{
        return {
          color:color[item.dictValue],
          ...item
        }
      });
      this.risk_level_color = res;
      console.log(this.risk_level_color);
});

前端显示

el-option渲染，使用v-html进行渲染

method方法

chageTextColor($event, selectedRef) {
      const color = this.risk_level_color.filter((item)=>{return item.dictValue==$event})[0].color;
      // 改变下拉框颜色值
      this.$refs[selectedRef].$el.children[0].children[0].style.color = '' + color + ''
    },