ayiaq1 / el-tree-select Goto Github PK

现象：
该组件在弹窗里面时，第一次可以正常使用用。
当关闭弹窗后，再次打开该弹窗，点击该组件时，下拉树不能出现。

基于element-u实现的这个控件以前在项目中实现过，但是不能让人满意。用element-ui组合出来的控件，和riophae/vue-treeselect 这个控件方案比较，操作不是那么舒服。最好能够直接merge这个控件，或者采用vue-ant-design中的控件来修改。
Anyway， 谢谢作者的分享。希望作者加入element的前端团队，直接修改他们的源码，实现好看有 实用的组件。

按DEMO的代码，在单选模块时以下两种设置均会报
Error in callback for watcher "ids": "TypeError: Cannot set property 'isCurrent' of null"

1）把DEMO里的 values: ['11111'] 改成 values: null，会报。有时初始化时valuas可能是空值，请考虑兼容这种情况。

2）把DEMO里的 values: ['11111'] 改成 values: ''，且把data 改成 空数组，即 data: []，mounted中也不提供数据，也会报上述错误。

请看能否兼容处理，谢谢分享。

版本3.0.10
在多选状态下， 点击单个tag后的x，下拉的tree未同步。

能否关闭调多选状态下的tag的x按钮，仅保留下拉勾选的操作？

谢谢。

在单选模式下报
[Vue warn]: Error in callback for watcher "ids": "TypeError: Cannot set property 'isCurrent' of null"
如下图：

同样的配置，仅仅把multiple改成true，就没此错误提示。代码按示例编写。

2019-07-07 在npm上获取的最新版本。

麻烦看下，谢谢分享。

提示：
Uncaught TypeError: Cannot read property 'updatePopper' of undefined
at el-tree-select.umd.min.js:1

出现上面的提示，能否看下是那里的问题。

我看到源码有一句： this.$refs.popover.updatePopper();，是否这里this.$refs.popover未可用？

谢谢分享

<ELTreeSelect
                v-model="filterForm.category_id"
                ref="treeSelect"
                :node-key="treeParams.props.value"
                :selectParams="selectParams"
                :treeParams="treeParams"
              />
values: ["3"],
      selectParams: {
        // multiple: true,
        clearable: true,
        placeholder: "请选择需求分类"
      },
      treeParams: {
        "default-expand-all": true,
        filterable: false,
        "check-strictly": true,
        data: [
          {
            flowId: "1",
            name: "哎哎哎",
            children: [{ flowId: "3", name: "啊啊啊啊" }]
          },
          {
            flowId: "2",
            name: "发生的"
          }
        ],
        props: {
          children: "children",
          label: "name",
          value: "flowId"
        }

错误信息：Invalid prop: type check failed for prop "currentNodeKey". Expected String, Number, got Array

<el-select-tree style="width: 100%" check-strictly node-key="value" placeholder="请选择所属队伍" :data="orgTree" @change="orgTreeChange" v-model="form.orgId" ></el-select-tree>
也就是数据回显的时候 我这个orgId是存在的，但是输入框为空

设置clickParent = false，点击父级的窗口关闭，建议点击不进行关闭弹框（当前使用版本为 2.0.3）,

不得不说这个组件确实挺好用，感谢作者大佬。
在同一个页面中引用了2个该组件，其中一个无数据。

   <el-form-item label="权限" prop="parent_id">
    <ElTreeSelect
      ref="permissionTreeSelect"
      v-model="PermisSelectTreeClinkValues"
      :styles="TreeSelectWidth"
      :select-params="selectParams"
      :tree-params="SelectPermisTreeParams"
      @searchFun="_searchPermisFun"
      @node-click="_permisNodeClickFun"
    />
  </el-form-item>
  <el-form-item label="上级菜单" prop="parent_id">
    <ElTreeSelect
      ref="menuTreeSelect"
      v-model="MenuSelectTreeClinkValues"
      :styles="TreeSelectWidth"
      :select-params="selectParams"
      :tree-params="SelectMenuTreeParams"
      @searchFun="_searchMenuFun"
      @node-click="_menuNodeClickFun"
    />
  </el-form-item>

单独设置可以,模态框加载完毕调用不可以
代码如下

   handleOpenedAuthMenuList() {
      if (this.refMenuIds.length) {
        this.$nextTick(() => {
          if (this.$refs.treeSelect.$refs.tree) {
            this.$refs.treeSelect.$refs.tree.setCheckedKeys(this.refMenuIds)
            this.userForm.authMenuList = this.refMenuIds
          }
        })
      }
    },

v-model中为一维数组，父子节点关系无法体现

加入默认清空之后，请给出一个回调的钩子；方便进行清空后的逻辑实行

修改尺寸大小，就像是element原生的设置 size属性 size="small" // medium/small/mini

在多选情况下，在选择框上移除tag，下拉树对应节点没有取消勾选

搜索栏是否可以配置取消？clickParent设为true不能自动关闭下拉框？

作者你好，首先非常感谢你能够分享这个组件。

在平常的使用中这个组件是没有什么问题的，但是也发现了一个问题：

• 那就是在搜索输入框中好像没有类似于clearable将文本清理的功能，如果能够加上那就更完美了，如果自己在本地改，每次重新安装依赖都要去改一下源码挺麻烦的

这是我一个小小的建议，还望采纳，谢谢

length is not defined

<el-tree
            ref="tree"
            :empty-text="emptyText"
            :show-checkbox="multiple"
            :data="treeData"
            :props="props"
            :render-content="renderContent"
            :filter-node-method="filterNode"
            @node-click="treeNodeClickFun"
            @check-change="treeNodeCheckFun"
          />

这里面的renderContent默认不传值的时候一直为空，导致树形节点内容显示不出，是我调用的有问题？求大神解答。。然后顺便问一下代码中生明了一个NodeContent组件，但是没有用到，请问是否多余？

NodeContent: {
      render(h) {
        debugger
        const parent = this.$parent
        const node = this.node
        const data = node.data
        const store = node.store
        return parent.renderContent ? (
          parent.renderContent.call(parent._renderProxy, h, {
            _self: parent.tree.$vnode.context,
            node,
            data,
            store
          })
        ) : (
          <span class='el-tree-node__label'>{this.node.label}</span>
        )
      }
    }

1、It seems there are duplicate keys that is causing an update error. Make sure each v-for item has a unique key.
2、"TypeError: Cannot read property 'key' of undefined"
给出的demo全部选中后 清空某一个报错

建议校验值时允许数字类型

环境：

"el-tree-select": "^3.1.4",
"element-ui": "^2.12.0",
"vue": "^2.5.2",
"vuex": "^3.1.1"

问题（简写）

代码
-template
<el-tree-select :treeParams="{data:dataList}"></el-tree-select>

-script
computed:{...mapState('dataList')}
结果
Vue Dev tools中可以明确观察到
ElTreeSelect已得到正确的treeParams[data]数组prop
但实际内部的Eltree中,data为空

弹出层宽度最好能支持自定义，默认是select宽度。

有时为了搜索方便，在搜索框录入数据后即时调用搜索事件显示过滤后的结果，免得手在键盘上录入搜索条件后，又要移到鼠标上点一下搜索按钮，影响效率。

我想增加下面功能：
1）简单点就把搜索框的change事件开放出来，有需要即时搜索的，在此事件进行过滤。
2）增加搜索选项，如果是即时模式，那在录入时即时调用searchFun、且隐藏搜索框上的搜索按钮（它没作用了、隐藏简洁点）

我觉得第二种方式对调用者方便点，也美观，望能考虑，谢谢分享。

把源码中的ElTreeSelect.vue、dom.js、utils.js下载到本地
在文件中引入使用

发觉在下拉列表会出现两个滚动条
1）如果鼠标在左边的滚动条内部时双指滚动，那动的是左边的滚动条
2）如果鼠标在左边的滚动条外部时双指滚动，那动的是右边的滚动条

请问是那里的问题，谢谢

单选怎么取消显示CheckBox， 不是很友好，用户一般都是强逼症人员

1、为何不支持element tree的方法，如：getNode/getCurrentNode/setChecked等
2、通过v-model绑定的初始化数据，每个tag都无法删除

有个这样的警告
vue.esm.js?efeb:591 [Vue warn]: Error in event handler for "updatePopper": "TypeError: o is not a constructor"

found in

选中几个值，再点击其他地方，弹出框消失以后，输入框变成了无数多个值，请查看下是哪里的问题

你好，发现在option过长时，多选勾选了项目后，悬浮的勾选项会特别长把后面其他的控件遮盖了，建议可以设置文本过长时显示...

多选时，点X删掉一个值，v-model里面的值没有同步

Invalid prop: type check failed for prop "currentNodeKey". Expected String, Number, got Array.

在方法 _setSelectNodeFun() 当我清空值得时候 el.getCurrentNode()还能得到当前的节点信息。

目前只能是字符串或数组，当id为数字时老有错误

怎么设置自动展

作者好，已在项目中使用您开发的组件，在开发过程中发现一点瑕疵，就是在表单验证时，选中节点时，表单验证的提示没有隐藏，用的表单是el-form，作者大大可以优化一下在选中节点是把验证信息隐藏掉

项目中需要 按钮或者小图标 进行清空数据的功能；由于清空后有其他操作，请将暴露一个清空回调函数；

可有使用说明文档呀？您的文档里面没看到相关的说明，求指点。

页面中使用了3个下拉树组件和el-scrollbar，页面有卡顿

Thanks for your package.
I have a issue while trying to run this package with element-ui. An error has been notified to me. How to fix this issue. Thanks!

IE 下引入失败

如下图：

我看代码处如下：

望完善，谢谢分享。

后台有时返回的id数值确实是number类型，控制台的提示蛮烦的

Invalid prop: type check failed for prop "value". Expected String, Array, got Number with value 7.

能否支持上Number，这样兼容性更高，也不用调整业务数据结构

后台是水那也没办法 ：（

望能采纳，谢谢分享。