<treeselect class="w-full" ref="treeselectRef" @open="handleOpen"
:defaultExpandLevel="Infinity" v-model="form.endDeptId"
:options="departmentClassificationTreeList" :show-count="true"
placeholder="请选择部门" />
handleOpen() {
console.log("打开了")
// 在下拉框打开时,将滚动条滚动到选中数据的位置
this.$nextTick(() => {
let dom = document.getElementsByClassName('vue-treeselect__menu')[0]
if (!this.form.endDeptId) {//判断是否有值
if (dom !== null) {
dom.scrollTop = 0
}
} else {
let domSelect = document.getElementsByClassName('vue-treeselect__option--selected')[0]
if (dom !== null) {
dom.scrollTop = domSelect.offsetTop
}
}
})
},
![](https://img-blog.csdnimg.cn/direct/6c66335a6a9745daaf53c41fe0353c42.png)