怎么修改el-tree节点在拖拽中的样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么修改el-tree节点在拖拽中的样式相关的知识,希望对你有一定的参考价值。

怎么修改红框框起来的样式,用的是element-ui的tree组件,以及组件的拖拽api

参考技术A 用插槽,例如,<el-tree :data="deptData" :props="defaultProps" @node-click="handleNodeClick"><span slot-scope="node,data">data.name </span> </el-tree> 即可追问

你可能没理解我的问题,我是想要修改在拖拽中 也就是红框框起来的样式 而tree节点的样式不变,主要是去掉红框框里的背景色

追答

覆盖饿了么ui的默认样式?先给这个el-tree起一个类名,例如class='tree',找到默认样式的class,,假设是‘el-tree-node’,然后写样式,.tree .el-tree-nodecolor:red,写成全局的样式表里

以上是关于怎么修改el-tree节点在拖拽中的样式的主要内容,如果未能解决你的问题,请参考以下文章

100行代码解析Dojo树控件拖拽案例

el-tree不点击,根据后端数据,来显示高亮

vue中使用树控件el-tree如何实现添加加虚线展开树节点样式

elementUI树形组件添加连线和自定义图标

关于jqGrid使用二级表头拖拽导致表头错位问题解决

element-ui 里使用 el-tree 怎么实现树节点的 title 属性?