vue element-ui里树状结构图，默认选中

前两天遇到一个问题，使用树状结构时，进来是默认选中所有，找了一下官方文档，在此记录一下

画红色的就是我们实现功能的办法了，代码如下—

        <el-tree
                :data="list"
                ref="tree"
                node-key="id"//-----必填项
                :default-checked-keys="checked_arr"//-----默认选中的数组
                show-checkbox
                :expand-on-click-node="true"
                node-contextmenu
                highlight-current
                @getCheckedKeys="getCheckedKeys(arrayId)"//--被选中的节点的 key 所组成的数组
                @check-change="handleNodeClick">
                 <span class="custom-tree-node" slot-scope="{ node, data }">
                     <span class="my_node" :data-id="data.id">{{data.descript}}</span>
                 </span>
              </el-tree>

默认选中的时候，我们只要把需要默认选中的项放在上面代码 里checked_arr这个数组里就好了，

当我们需要给后端传过去数据，告诉我们都是选择了哪几项的时候，就要用到下面的代码了

//传给后端
 let checked_arr = [];
 checked_arr=this.$refs.tree.getCheckedKeys(that.checked_arr);

然后把这个数组给后端传过去就好了

前端小白—的爬坑之路 ，如有不对之处请多指教