Element-ui问题

311 阅读1分钟

一、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,不然不会生效!

最后实现效果:

image.png

二、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选择器下拉框不显示

image.png

slect下拉框,加:popper-append-to-body=“false”