antd a-select 下拉框显示不出来的问题

最新推荐文章于 2024-08-26 19:59:23 发布

LYingyuan

最新推荐文章于 2024-08-26 19:59:23 发布

阅读量918

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/LYingyuan/article/details/134580998

版权

先说明版本，我来发的antd版本是v1

这是官网的一个例子

我原封不动的复制到vscode里面出不来，很奇怪，甚至弹窗删掉重写了，但是还是出不来，我百度了一下，其他网友说是 z-index 的问题，我试了一下

.ant-select-dropdown{
 z-index: 9999;
}

结果还不行，我去antd 官网又看了看发现如下

于是我在代码里面添加了此处的属性

结果问题就解决了，这种问题一般不会出现，可能是我的版本太低了！！！！

你们有遇到类似的问题吗~~~~~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LYingyuan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

antd-select下拉框如何同时获取所选值ID和名字属性

Coralpapy的博客

11-16

4004

其中传过去的e为：从antd官网可以看到select组件的onchange属性传参，第一个参数为value，第二个参数可为所选中的那一项的所有信息。其中的props属性内有一个children属性，即存储了所选项的名称 ...

vue + antd使用a-select的placeholder默认显示不生效

w的博客

02-15

2013

代码： <a-select show-search option-filter-prop="children" :filter-option="filterOption" placeholder="请选择!!!" v-decorator="['id', { rules: [{ required: true, message: '请选择！' }] }]" > <a-select-option v-for="item in dataL

参与评论您还未登录，请先登录后发表或查看评论

Ant Design Vue Select下拉框内容显示不全问题解决

三劫散仙

11-14

1977

设置完之后：dropdownMatchSelectWidth={false}，已经全部展开了。

【Ant Design Vue】全屏时a-select下拉框选项消失

phhz的博客

03-09

858

【代码】【Ant Design Vue】全屏时a-select下拉框选项消失。

【总结】antd Dropdown菜单不显示问题

weixin_48958486的博客

08-26

285

所以我很自然的把 items 替换成 menus。问题描述：hover 时，没有菜单内容。

antd select 有的时候选择下拉菜单不起作用

suimengfeiyang123的博客

07-13

710

可以使用this.$forceUpdate()，它通过强制 watcher重新渲染来实现更新视图的目的。可能是因为使用到了v-if一开始页面在渲染的时候还没有加载。

【antd】解决antd中 Select多选下拉图标不显示

gz-郭小敏的博客

04-22

3555

背景： 1.Select多选下来不显示 2.使用suffixicon也不生效原因： showArrow 的官方解释是是否显示下拉小箭头，值类型是boolean，默认值给的是：单选默认是true，多选默认是false。

全屏处理后，antd的Select组件不显示下拉框

weixin_44874595的博客

02-03

6180

全屏处理后，antd的Select组件不显示下拉框 最近做全屏功能的时候遇到这个问题：非全屏下Select组件下拉框是正常显示的。但是在全屏处理后，Select组件不显示弹出框的下拉选项。原因： Select组件有个API：getPopupContainer Ant Design官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的...

ant-design-vue。下拉框a-select设置样式不显示的

MR_Shi_it的博客

11-30

1337

刚开始尝试了很多种方式，例如，deep..啦，还有官方自带的dropdownStyle属性，最离谱还看见一个文章再index.html文件中设置样式，但是这样可以设置成功，但我相信，一个稍微资深一点的vue开发者都不想再index.html中设置样式，包括后期管理起来不方便什么的...。只有在 value = undefined 才会显示，对于其它的 null、0、'' 等等对于 JS 语言都是有意义的值。这个属性还有一点好处，就是如果下拉框有的时候点击或者滚动页面的时候，下拉框也会跟着滚动。

antd a-select下拉框样式修改

最新发布

09-11

placeholder="Select a person" optionFilterProp="children" filterOption={(input, option) => option.props.children .toLowerCase() .includes(input.toLowerCase()) } /> ``` 5. **使用`@ant-design/...

antd的select下拉框因为数据量太大造成卡顿的解决方式

01-22

相信用过antd的同学基本都用过select下拉框了，这个组件数据量少的时候很好用，但是当数据量大的时候，比如大几百条上千条甚至是几千条的时候就感觉一点都不好用了，卡的我怀疑人生，一点用户体验都没有了。...

深入理解Antd-Select组件的用法

10-15

综上，针对Antd-Select组件在处理大量数据时的性能挑战，开发者可以采取多种策略进行优化，包括但不限于延迟加载、分页、过滤优化等，以提升用户体验。在实际应用中，应根据具体场景选择合适的方法，并结合代码优化...

ant-design-vue select选择框无法显示placehoder

LRQQHM的博客

11-03

503

【代码】ant-design-vue select选择框无法显示placehoder。

ant-design的Select组件采用自定义后缀图标（suffixIcon属性）时，点击该自定义图标没有反应，不会展示下拉菜单的问题

Yukinoshita_kino的博客

08-03

6326

ant-design的Select组件采用自定义后缀图标（suffixIcon属性）时，点击该自定义图标没有反应，不会展示下拉菜单的问题

ant design模态框中使用Select组件下拉选框不显示

殇之何伤的博客

07-07

3318

问题描述：在Modal组件中使用select组件，结果无法显示出下拉选框解决方法： <Selectplaceholder="请选择词性"getPopupContainer={triggerNode=>triggerNode.parentNode}> <Select> ...

自己做一个select，点击，展示下拉框；如果下面区域不够，就在上面展示

weixin_46601685的博客

10-20

887

经常会遇到滚动+select组合，如果页面可以滚动，且select距离下面的地方不够了，select就会撑起一定的高度。好多时候，antDesign或者element ui的select的样式不满足需求。所以就制定方案，如果不够用了，就在上面展示。但是如果改样式，耗费时间很长。

Ant-Design-Vue 组件，在页面全屏的情况下失效，下拉框无法显示

c327127960的博客

02-01

1224

组件的下拉框默认渲染在body上，所以屏幕变化后，定位可能会出现问题，所以可以根据这个属性，将下拉框默认相对于你想要的元素进行定位渲染。如果说组件是单独进行二次封装的，一样还是可以使用，还是将父元素指定全屏的div写在子组件内即可。在antdv的文档中，很多组件都有一个属性。这个元素是我全屏指定的区域 div的id。

antd多选下拉框一行展示的实现方式

01-21

我们都知道antd的select多选时，如果下拉框宽度不足，则自动浮动到下一行将下拉框撑大，但是这回影响到页面的整体布局。我们期望的效果是，下拉框只显示一行的值，超出一行的部分自动隐藏。下面有2种方案来实现这...

解决antd的select下拉框因为数据量太大造成卡顿的问题