实现element的单选功能外加效果预览,功能记录
效果
结构
<el-tree
ref='tree'
:data='data'
:node-key='key'
:filter-node-method="filterNode"
:props="{
label: 'name',
children: 'childrens',
isLeaf: 'leaf'
}"
:load='loadNode'
:check-strictly='true'
lazy
@check-change="handleNodeClick"
show-checkbox
></el-tree>
handleNodeClick (data, checked, indeterminate) {
if (checked) {
this.$refs.tree.setCheckedNodes([data]);
}
},