el-tree 与el-select结合数据加载，清空选择 收起列表

<div class="qhTree-main">
<el-select
style="text-overflow: ellipsis;"
  v-if="reLoad"
size="mini"
ref="selectTree"
v-model="checkName"
placeholder="请选择...">
<el-option :value="treeData" style="height: auto">
<el-tree
  ref="tree"
  lazy
  show-checkbox
  :load="loadFolder"
  check-strictly
  node-key="id"
  empty-text="无匹配数据"
  :props="{children: 'children',label: 'name',isLeaf: 'leaf'}"
  @check-change="handleCheckChange"
/>
</el-option>
</el-select>
</div>

 

loadFolder (node, resolve) { // 获取区划列表
      if (node.data === undefined) { // 获取省
        this.$store.dispatch('qh', {code: '0', op: 2}).then((res) => {
          if (res.data.code === 1) {
            let item = []
            item.push(res.data.result.find(ele => {
              return ele.id === this.userInfo.code
            }))
            resolve(item)
          }
        }).catch(err => { console.log(err) })
      }
}
handleCheckChange (data, checked, indeterminate) { // 多选
      if (checked) {
        // debugger
        this.tempData.push(data)
      } else {
        this.tempData.forEach((ele, index) => {
          if (ele.id === data.id) {
            this.tempData.splice(index, 1) // 根据下标删除不需要的对象
          }
        })
      }
      let _this = this
      if (this.timer) {
        clearTimeout(this.timer)
      }
      this.timer = setTimeout(() => { // 全选时会多次触发，设置防抖
        _this.putOut()
      }
        , 500)
    },

this.$refs.tree.setCheckedKeys([])//清空选择
for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { // 收起列表
    this.$refs.tree.store._getAllNodes()[i].expanded = false