下拉单选组件修改选择项背景

您好,下拉单选组件的选择项背景修改样式需要使用 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;

 }

}


 

最后呈现的效果图如下:


 

热门搜索

相关问题

移动版:下拉单选组件修改选择项背景

让您的团队免费使用钉钉

注册钉钉