-
大概问题 是 element 多级联动 最后一个 当数据过多的时候 用键盘上下键移动 选中项会消失在视野之中
-
解决方法: @keyup.up.native="KeyUpUp" @keyup.down.native="KeyUpUp"
-
e.scrollIntoView() 强制出现在视野之中
<el-cascader-panel @keyup.up.native="KeyUpUp" @keyup.down.native="KeyUpUp" ref="leave3IDcascader" v-model="form.leave3ID" :options="industryOptions" @change="handleChange" />
- 让选中项强制出现在视野之中
KeyUpUp(e){
document.querySelectorAll(".el-cascader-node.in-active-path").forEach(e=>{
e.scrollIntoView()
})
document.querySelectorAll(".el-cascader-node.is-active").forEach(e=>{
e.scrollIntoView()
})
}