elememt el-tree使用(样式修改+设置为单选,不含父节点)
最近在使用element做练习,就单纯的想对使用的组件和功能做一下下记录—v—
直接在elememt官网找自己想要使用的组件就好
html
<el-tree
ref="tree"
:data="typeList" ---展示数据
:props="defaultProps"---配置选项
:show-checkbox="true" --节点是否可被选择(显示复选框)
:check-strictly="true" ---在显示复选框的情况下,是否严格的遵循父子不互相关联的做法
node-key="mCode" ---每个树节点用来作为唯一标识的属性
@node-click="handleNodeClick" ---事件-节点被点击时的回调
@check-change="treeNodeClick" ---事件-节点选中状态发生变化时的回调
:check-on-click-node="true" ---是否在点击节点的时候选中节点
:default-expand-all="true" ---是否默认展开所有节点
>
</el-tree>
data
typeLi