样式:
当点击节点的按钮的时候,固定住节点的颜色。
使用动态类的方法:
<el-tree
:data="treeData"
node-key="id"
:filter-node-method="filterNode"
ref="dimTree"
:props="treeDataDefaultProp"
style="margin-right: 8px"
:expand-on-click-node="false"
:load="loadNode"
lazy
>
<span
:class="{'custom-tree-node': true, 'node-click': flag == data.code}"
slot-scope="{node, data}"
:ref="node.data.code"
></span></el-tree>
data(){return {flag: ''}}
// 方法略,就是在按钮的方法中,修改flag的值,来调整动态class的值
.node-click {
background-color: @primary-color-opacity !important;
}