Element Tree树形控件单选

<template>

    <div class="page">

                <el-tree :data="glTree" show-checkbox :check-strictly="true" node-key="id" :default-checked-keys="editid"ref="tree" current-node-key @check="setSelectedNode" :props="defaultProps"></el-tree>

</div>

</template>

export default {

        data() {

         return {

        editArr:[],

        NowArr:[],

}

},

methods: {

setSelectedNode(data) {

                    this.editid.push(data.id)

                    const node = this.$refs.tree.getCheckedNodes();//获取所有点击的节点

                    this.NowArr.push(data);//自定义数组存储所有点击节点

                    if (this.NowArr.length > 1) {//循环所有存储节点

                        this.editArr.splice(this.editArr.length - 1, 1);

                        this.editArr.push(data)

                        this.NowArr = []

                        this.NowArr.push(data);

                    } else {

                        this.editArr.push(data)

                    }

                    this.$refs.tree.setCheckedNodes(this.editArr);//设置之前勾选的节点不会因为手动勾选而发生变化

            },

ArrBl(arr) {//循环取出后台返回的所有已选择的节点，也可以用于循环多层数组

                for (let i = 0; i < arr.length; i++) {

                    if (arr[i].bindState) {

                        this.editArr.push(arr[i])

                        this.editid.push(arr[i].id)//设置树形结构初始化勾选

                    }

                    if (arr[i].children && arr[i].children.length > 0) {

                        this.ArrBl(arr[i].children);

                    }

                }

            },

}