vue

1. 安装
2. 安装 loader
3. Import Plugins
4. 开始
5. 排列方式
6. 折叠展示
7. 点击节点
8. 修改背景色
9. 其他功能

修改背景色

使用 label-class-name 我们还可以动态绑定自定义class：

<vue2-org-tree 
 :data="data" 
 :horizontal="true"      
 :label-class-name="labelClassName"           
/>

我们一起来尝试一下吧！

js 代码:

data() {
  return {
    labelClassName:"bg-color-orange"
  }
}

CSS 代码：

.bg-color-orange{
    color: #fff;
    background-color: orange;
}

注意：style标签里不能加 scoped 不然自定义样式无效。

其他功能

组件还提供了其他功能，大概比较常用的还有，设置 节点 颜色 ，移入移出、自定义方块颜色功能等，我把 github 地址粘贴进来，有兴趣的可以自己了解

点击链接即可查看组件更多功能。