【AntdVue】下拉选择框乱回弹问题

问题：

下拉选择框本来是正常的，突然变得奇怪：
点击打开下拉菜单后，鼠标在菜单内移动后，滚动条会自动滚动到菜单最底部，
且鼠标滚轮滚动可用，但是 滚到指定位置，还来不及鼠标单击选择，滚动条就又自动滚到最下面了。

解决：

原因是因为 select-option 使用v-for渲染时，key值不能重复或者为null
在项目中是调用的数据库的数据，检查数据库时发现，有内容为空null，所以导致出错

dictCode格式说明: 表名,文本字段,取值字段
我这里 v-for key即对应的gift_id 的值

参考链接

就这么问题，本来一直以为是哪里代码错了，还是样式错了，研究了好几个点，气气！！
感谢上方参考链接提供思路！

【AntdVue】下拉选择框乱回弹问题相关推荐

jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
Bootstrap 表单控件一（单行输入框input，下拉选择框select ，文本域textarea）
单行输入框,常见的文本输入框,也就是input的type属性值为text.在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootst ...
python select模块安装_python+selenium select下拉选择框定位处理方法
一.前言总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询: 二.直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPa ...
自定义组合控件：下拉选择框
Spinner 自定义组合控件之下拉选择框项目概述下拉选择框主要是通过在EditText 下用PopupWindow 动态显示ListView 控件来实现的.下拉选择框可以方便用户的输入效率,以此 ...
js下拉 selenium_selenium的下拉选择框
今天总结下selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用J ...
html下拉选择框箭头改为年,CSS自定义select下拉选择框的样式(不用其他标签模拟)...
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...
UI标签库专题十一：JEECG智能开发平台 DictSelect (数据字典下拉选择框)
1. DictSelect (数据字典下拉选择框) 1.1. 参数属性名类型描述是否必须默认值 typeGroupCode string 字典分组编码是 null field str ...
UI标签库专题七：JEECG智能开发平台 ComboBox (下拉选择框)
1. ComboBox (下拉选择框) 1.1. 参数属性名类型描述是否必须默认值 name string 控件名称是 null url string 远程数据访问是 null ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...

【AntdVue】下拉选择框乱回弹问题

问题：

解决：

【AntdVue】下拉选择框乱回弹问题相关推荐

最新文章

热门文章