mr-wiill / el-tree-select Goto Github PK

将样式中的者两个属性删掉即可
.el-scrollbar .el-scrollbar__view .el-select-dropdown__item{
height: auto;
max-height: 274px; //删除
padding: 0;
overflow: hidden;
overflow-y: auto; //删除
}

你正在开发中的下拉多选树，多选树中的中文title，即valuesTitle数组中不能有重复值，有重复值就会报错，要是能解决就好了

首先,感谢大佬的组件.
其次,有个bug希望可以解答一下.引入使用之后就报了data错误,这是什么情况?

下拉的数据和默认选中的是从接口中获取的，第一次加载的时候是显示默认值，修改js保存，页面自动刷新的时候才会把接口的默认值传递过去

<SelectTree
      :props="props"
      :options="optionData"
      :value="valueId"
      :treeName="treeName"
      :clearable="isClearable"
      :accordion="isAccordion"
      @getValue="getValue($event)"/>

    <SelectTree
            :props="props"
            :options="optionData1"
            :value="valueId1"
            :treeName="treeName1"
            :clearable="isClearable"
            :accordion="isAccordion"
            @getValue="getValue($event)"/>

会出现选第二个组件时，watch 里的this 会变为第一个的，更新第一个组件的情况。
去除了handleNodeClick方法中的this.$emit('getValue',this.valueId)以后解决。
请问在什么情况下发生了上下文的变化，如何解决

数据多的时候 滚动条会滚动到底部 不能定位到当前位置
It'll scroll down to the bottom

是否可以打包成js, 发布到CDN,可以直接引入js就可以使用

没办法多选

// 初始化值
initHandle(){
if(this.valueId){
let node = this.$refs.selectTree.getNode(this.valueId)
if(node != null) {
this.valueTitle = node.data[this.props.label] // 初始化显示
this.$refs.selectTree.setCurrentKey(this.valueId) // 设置默认选中
this.defaultExpandedKey = [this.valueId] // 设置默认展开
}
} else {
this.valueTitle = '' // 清除缓存显示
}
this.$nextTick(()=>{
let scrollWrap = document.querySelectorAll('.el-scrollbar .el-select-dropdown__wrap')[0]
let scrollBar = document.querySelectorAll('.el-scrollbar .el-scrollbar__bar')
scrollWrap.style.cssText = 'margin: 0px; max-height: none; overflow: hidden;'
scrollBar.forEach(ele => ele.style.width = 0)
})
},

选择完后不能自动关闭select问题。导致不能用这个组件了~~

页面存在多个下拉框存在时，引入Tree，选中好数据后，会导致其他下拉框的下拉定位错误。去掉clearSelected()和initScroll()，就没有这样的问题。

:value="", 无法双向绑定，只能通过@getvalue取值

@KBeginner

@lingdayan @canyuegongzi

watch改成如下：

watch: {
    value() {
      this.valueId = this.value;
      this.initHandle();
    },
    options: {
      handler(newValue, oldValue) {
        this.valueId = this.value;
        this.initHandle();
      },
      deep: true
    }
  },

methods 里面 initHandle函数改成如下：

// 初始化值
    initHandle() {
      if (this.valueId) {
        this.$nextTick(() => {
          let node = this.$refs.selectTree.getNode(this.valueId);
          if (node != null) {
            this.valueTitle = node.data[this.props.label]; // 初始化显示
            this.$refs.selectTree.setCurrentKey(this.valueId); // 设置默认选中
            this.defaultExpandedKey = [this.valueId]; // 设置默认展开
          }
        });
      } else {
        this.valueTitle = ""; // 清除缓存显示
      }
      this.initScroll();
    },

Originally posted by @luwzchn in #9 (comment)

动态加载的tree数据 设置默认的时候失效，不能默认选中，大家有遇到这个问题吗