对element多级联动键盘移动会被隐藏bug解决-感觉不太好但也实现了-看有没有爸爸优化下

大概问题是 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()})}

对element多级联动键盘移动会被隐藏bug解决-感觉不太好但也实现了-看有没有爸爸优化下相关推荐

php excel多级下拉菜单自动匹配,Excel下拉菜单怎么做多级联动+自动匹配教程
Excel一直是近年来办公室工作中的必要软件之一,这个软件功能非常强大,如果你只学会了皮毛那就有些可惜了,而Excel隐藏了许多许多的小技巧.今天UU为大家带来的是Excel下拉菜单怎么做,其中包括多 ...
[译]在启用浏览器功能的INFOPATH表单中实现基于SQL SERVER的多级联动的下拉式列表...
翻译:实现多级联动的下拉式列表原文:http://blogs.msdn.com/infopath/archive/2006/10/12/cascading-dropdowns-in-browser- ...
多级联动下拉菜单插件：jquery.cxselect.js
话说这个插件,我也用了挺久了,但一直对其具体的作用不是很懂,只知道可以利用 ajax来请求数据,实现类似于多级联动的效果.后来百度了下,在此做个总结吧. 下面是以一名php程序员的角度来分析的...可 ...
[多级联动下拉选择框]和[Tree to Tree]续——让他们可以设置默认值
这两个东东实际上是我现在所做公司的项目的一个小应用,前两天发布的时候并不能设置他们的默认值(初始值),现在都加上了. 多级联动已经封装为.net控件,有一个SelectedValue属性表示当前选择的 ...
yii2地址多级联动
<div> 查看地区:<select class="region" name="region[]"> ...
excel图表交互联动_如何使用高大上的多级联动交互式图表来分析人员结构？
关注[新精英充电站]能力提升看得见! 众所周知,Excel中的图表是分析数据最重要一枚利器.但一般我们分析数据时使用的图表都是静态的,一个图表只能展示一个数据维度的情况,如果需要展示的数据有多个维度, ...
native封装卡片 react_自己动手封装一个React Native多级联动
背景肯定是最近有一个项目,需要一个二级联动功能了! 本来想封装完整之后,放在github上面赚星星,但发现市面上已经有比较成熟的了,为什么我在开发之前没去搜索一下(项目很赶进度),泪崩啊,既然已经封 ...
picker封装 uniapp_uniapp自定义picker城市多级联动组件
uniapp自定义picker城市多级联动组件支持多端--h5.app.微信小程序.支付宝小程序... 支持自定义配置picker插件级数支持无限级注意事项:插件传入数据格式为children树 ...
ajax实现多级联动菜单,jquery 实现二级/三级/多级联动菜单的思路及代码
本文介绍使用jquery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级.三级或多级联动也可以按照此方法完成. 文章中涉及到的数据表为City,为方便管理. 设计此表如下 ID:自增 ...

对element多级联动键盘移动会被隐藏bug解决-感觉不太好但也实现了-看有没有爸爸优化下

对element多级联动键盘移动会被隐藏bug解决-感觉不太好但也实现了-看有没有爸爸优化下相关推荐

最新文章

热门文章