Vue项目里设置el-tree默认选中的背景色和字体色以及鼠标悬停的背景色

el-tree默认选中的背景色是白色,有时候我们需求是一进入到页面就要发请求,并且设置默认选中的背景色改为蓝色,字体色为白色,然后选中的项也是背景色改为蓝色,字体色为白色,那这个时候我们可以给el-tree通过添加属性 highlight-current设为高亮,然后通过以下样式改变选中的样式:

   .el-tree--highlight-current
        .el-tree-node.is-current
        > .el-tree-node__content {
   
        // 设置颜色
        color

你可能感兴趣的:(vue2,vue.js,javascript,前端)