element ui 树形控件点击

这篇具有很好参考价值的文章主要介绍了element ui 树形控件点击。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 

element 树形控件 点击当前节点,鼠标再离开后,当前节点就是个白色的背景颜色,我试了很多方法都不能完全性解决这个问题,最后是
        >>>.el-tree-node:focus > .el-tree-node__content {
            background-color: #06518c;

        }

        .el-tree-node__content:active {
            background-color: #06518c !important;
        }
一起设置才得以解决文章来源地址https://www.toymoban.com/news/detail-814765.html

>>>.el-tree {
            background: transparent;
            color: #FFFFFF
        }

        >>>.el-tree-node__content:hover {
            background-color: #06518c;
        }

        >>>.el-tree-node.is-current > .el-tree-node__content {
            background-color: #06518c !important;
        }

        >>>.el-tree-node:focus > .el-tree-node__content {
            background-color: #06518c;

        }

        .el-tree-node__content:active {
            background-color: #06518c !important;
        }
      }

到了这里,关于element ui 树形控件点击的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element ui 树形控件点击

      element 树形控件 点击当前节点,鼠标再离开后,当前节点就是个白色的背景颜色,我试了很多方法都不能完全性解决这个问题,最后是         .el-tree-node:focus .el-tree-node__content {             background-color: #06518c;         }         .el-tree-node__content:active {             b

    2024年01月22日
    浏览(38)
  • element ui tree树形控件实现单选操作

    template     div class=\\\"createPost-container\\\"         el-form ref=\\\"postForm\\\" :model=\\\"postForm\\\" class=\\\"form-container\\\"             div class=\\\"createPost-main-container\\\"                 el-row                     el-col :span=\\\"24\\\"                         el-form-itemspan style=\\\"color:red;\\\"提示:带

    2024年02月06日
    浏览(51)
  • Element-UI控件Tree实现数据树形结构

            在前端开发中,有时会遇到所有菜单数据在同一级的情况,后端未对数据进行分级处理;但前端渲染需要是树状结构的数据,如何实现数据的树状化?将数组中通过父节点的ID与子节点的parentId关联,通过递归函数来实现。         前端框架这里使用element-ui的tree控件

    2024年02月05日
    浏览(119)
  • element-ui树形控件el-tree详解

    概述 这里我利用element-ui开发一个vue的树形组件 引入element-ui 安装element-plus 安装按需导入 修改vite.config.js配置按需加载 tree树形控件详解 属性名 说明 类型 可选值 默认值 data 展示数据 array — — empty-text 内容为空的时候展示的文本 string — — node-key 每个树节点用来作为唯一标

    2024年02月07日
    浏览(121)
  • 78.(前端)分配权限页面显示——树形结构使用(Element-ui的Tree树形控件)

    在前端的操作中,应该增加修改、删除、分配权限的操作 这次主要是实现分配权限的显示!!!!!! 更换icon图标,并设计大小 绑定函数,点击弹出提示框(DIalog对话框) 在对话框内,应该显示一个树形结构提供选择(Tree树形控件) 初始化树形结构,并填充数据

    2024年02月05日
    浏览(62)
  • vue2 - 详细介绍element UI中在el-select嵌套el-tree树形控件实现下拉选择树型结构数据的效果实例(组件封装)

    在项目上常用使用到 el-select 和 el-tree 组合实现,记录下两者结合的实现过程。(代码以及注释清晰明了,代码直接使用即可) 要求根据项目接口提供的数据,el-tree 里的数据是一次性返回来的,点击最后一层级时,请求接口,在点击层级下方追加数据追加的数据要显示勾

    2024年04月15日
    浏览(67)
  • element UI中实现tree树形控件部分选中时父级节点也被选中

    最近有一个很奇葩的需求,在使用element UI中的tree树形控件选中功能时,子节点部分选中时父级节点也要被选中,并且回显也要保留部分子节点选中父节点半选中状态。 按照平时正常逻辑来处理,提交时只需要获取选中项的父级节点一并提交即可,这样正常提交是没有任何问

    2024年02月08日
    浏览(57)
  • [vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题

     在未用props定义的情况下,slot-scope=\\\"{ node, data }\\\"解析data对象只有data含有lable和children才能识别出内容和子节点 当我获取的数据如下,没有lable和children,使用的是name和childList,如下图所示: 注意props是对象形式,        

    2024年02月11日
    浏览(52)
  • Vue Element UI 中 el-table 树形数据 tree-props 多层级使用避坑

    实现效果: element官网提示设置tree-props为{children: ‘children’,hasChildren: ‘hasChildren’},data数据需要设置children和hasChildren属性,row-key也绑定了数据的唯一值变量id,但是 树形结构的第三级就是出不来 可以看到只有第二级,第三级并没有,于是查看了 数据格式 ,和官方要求的

    2024年02月02日
    浏览(84)
  • [vue3] Tree/TreeSelect树形控件使用

     ✨✨个人主页:沫洺的主页 📚📚系列专栏: 📖 JavaWeb专栏📖 JavaSE专栏 📖 Java基础专栏📖vue3专栏                             📖MyBatis专栏📖Spring专栏📖SpringMVC专栏📖SpringBoot专栏                            📖Docker专栏📖Reids专栏📖MQ专栏📖SpringCl

    2024年02月08日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包