element 下拉框中树节点选中之后不收回下拉框

element UI 下拉框选项包含树节点

               <sg-select
                  ref="select"
                  size="small"
                  clearable
                  placeholder="请选择"
                  v-model="treeShowArr"
                  @clear="removeChange"
                >
                  <sg-option :label="treeShowArr" style="background:#fff;height:100%">
                    <sg-tree
                      ref="skTree"
                      lazy
                      node-key="id"
                      :load="loadNode"
                      :props="treeProps"
                      :check-on-click-node="true"
                      :expand-on-click-node="false"
                      @node-click="hanlderClick"
                    ></sg-tree>
                  </sg-option>
                </sg-select>

1.选中树节点让下拉框自动收回

hanlderClick(data) {
      this.$nextTick(() => {
        ~~this.$refs.select.blur();~~ 
        this.treeShowArr = data.label;
        this.form.filter.orgNo = data.orgNo;
      });
    },
    删除线中的内容 ----  解决方法