Element-UI中el-tree的使用

程序猿向前跑

于 2023-06-23 13:41:37 发布

阅读量389

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_46199553/article/details/131347408

版权

本文介绍了Vue.js中el-tree组件的使用，包括设置data、显示复选框、默认全展开、节点键、引用、高亮当前节点、属性、默认选中键及勾选事件。特别强调了`check-strictly`属性，当其为true时，可以独立控制父节点和子节点的选中状态，解除父子关联。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-tree
        :data="treedata"
        show-checkbox
        default-expand-all
        node-key="id"
        ref="tree"
        highlight-current
        :props="defaultProps"
        :default-checked-keys="checkKeys"
        @check="checkNode"
        check-strictly="true"
      >
      </el-tree>