el-selecet 实现自定义选项颜色
1.首先在选项el-option中添加 是给选项添加颜色
![在这里插入图片描述](https://img-blog.csdnimg.cn/3dadbc6d0c33459caa08f14cfb6eb2cc.png)
2.给el-select添加ref,并添加change函数@change=“chageTextColor($event,‘autoIncrement’)”,第一个参数是下拉选的值,第二个参数是他的ref,函数内容为:
chageTextColor(val, selectedRef) {
let color = ''
if (val) {
color = '#3573f6'
} else {
color = '#ea3c37'
}
// 改变下拉框颜色值
this.$refs[selectedRef].$el.children[0].children[0].style.color = '' + color + ''
}
这样就可以实现在切换的时候改变颜色