您好,下拉单选组件的选择项背景修改样式需要使用 JS 代码来实现,以下代码仅供参考:
1. 先绑定下拉单选的 onChange 动作
2. 在onchange动作中编写以下代码:
export function onChange({value, actionType, item}) {
console.log('onChange', value);
var x = document.querySelectorAll('.next-select-menu-item');
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "";
}
switch (value){
case '男':
document.querySelector('[title~="男"]').style.backgroundColor = 'green';
break;
case '女':
document.querySelector('[title~="女"]').style.backgroundColor = 'red';
break;
}
}
最后呈现的效果图如下: