<el-tree
:data="treeData"
:check-strictly="true"
:default-expanded-keys="parentEditArr"
:default-checked-keys="editArr"
ref="tree"
current-node-key
node-key="id"
show-checkbox
@check="setSelectedNode"/>
// 设置tree单选
setSelectedNode(data) {
this.$refs.tree.setCheckedNodes([data]);
const node = this.$refs.tree.getCheckedNodes();
console.log(node[0].id);
this.editArr = [node[0].id];
},
data () {
return {
editArr: [], // 设置默认选中
parentEditArr: [], // 设置默认展开
treeData: [
{
'id': 7,
'label': '产品研发部',
'children': [
{
'id': 15,
'label': '前端一组',
'children': [],
},
{
'id': 16,
'label': '前端二组',
'children': [],
},
],
},
{
'id': 8,
'label': '网络营销部',
'children': [
{
'id': 9,
'label': '师资管理部',
'children': [],
},
{
'id': 44,
'label': '营销一组',
'children': [],
},
{
'id': 45,
'label': '营销二组',
'children': [
{
'id': 24,
'label': '测试edit',
'children': [],
},
],
},
{
'id': 46,
'label': '营销三组',
'children': [
{
'id': 27,
'label': 'tesss',
'children': [],
},
],
},
{
'id': 47,
'label': '营销四组',
'children': [],
},
{
'id': 48,
'label': '营销五组',
'children': [],
},
],
},
{
'id': 49,
'label': '渠道市场部',
'children': [],
},
{
'id': 56,
'label': '校区运营部',
'children': [
{
'id': 57,
'label': '大同分校校长',
'children': [],
},
{
'id': 58,
'label': '徐州分校校长',
'children': [],
},
{
'id': 59,
'label': '大同分校',
'children': [],
},
{
'id': 60,
'label': '徐州分校',
'children': [],
},
{
'id': 61,
'label': '城市服务专员',
'children': [],
},
],
},
],
defaultProps: {
children: 'children',
label: 'label',
},
};
},