一、element-ui导航选中节点父级高亮问题
element-ui的导航菜单组件在选中节点后,只有选中节点会高亮,父级并不会高亮。
这在项目层级深或者是菜单收起后无法直观的看到选中项,体验并不是很好! 具体修改:
1、所要修改的文件:"element-ui/lib/theme-chalk/index.css";
2、在文件中找到.el-submenu__title{border-bottom-color:#409EFF}这句css。
3、加入color:#409EFF !important;注:一定要加important,不然不会生效!
最后实现效果:
二、el-selectc选中的value设置为对象
let userList = [{ id : 1, name: '张三'}, { id : 2, name: '李四'},{i d : 3, name: '王五'}]
<el-select v-model="value" value-key="id" placeholder="请选择">
<el-select
placeholder="请选择"
value-key="id"
v-model="userInfo">
<el-option
v-for="item in userList"
:key="item.id"
:label="item.name"
:value="item">
</el-option>
</el-select>
value-key 中的名称需和数组中的key值保持一致
三、element 单选框 取消选中
<el-radio-group v-model="checked1" >
<el-radio label="涉及疏整促工单" @click.native.prevent="radioChange1('涉及疏整促工单')"></el-radio>
</el-radio-group>
radioChange1(txt){
this. checked1?this.checked1=false:this.checked1=txt;
},
四、select选择器下拉框不显示
slect下拉框,加:popper-append-to-body=“false”