UniApp u-dropdown在浙政钉小程序上真机点击无效的bug

最新推荐文章于 2025-04-24 10:19:09 发布

游码笔记

最新推荐文章于 2025-04-24 10:19:09 发布

阅读量861

点赞数

分类专栏： uni-app 文章标签：小程序

本文链接：https://blog.csdn.net/cxy18137478587/article/details/124501203

版权

uni-app 专栏收录该内容

9 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在浙政钉小程序上遇到的UniApp组件u-dropdown点击无响应的bug，原因是$.uGetRect('.u-dropdown__menu')在真机环境下失效。为解决此问题，提出了在u-dropdown源文件进行修改的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因：this.$uGetRect('.u-dropdown__menu')在浙政钉平台上运行真机无效。

修改：在u-dropdown文件上修改

let px = 80 * (uni.getSystemInfoSync().windowWidth / 750);
				this.contentHeight = this.contentHeight == 0 ? windowHeight - px : this.contentHeight;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

游码笔记

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

uniapp vue3 下拉菜单组件（dropdownMenu）

11-23

uni-app中的下拉菜单组件（dropdownMenu），首先是一种界面控件，它在界面上表现为一个可以展开的列表。用户点击组件时，会显示一个下拉的列表，让用户进行选择。这类组件常用于筛选信息、选择选项等场景。在uni-app...

小程序-dropdownmenu 下拉菜单

06-26

dropdownmenu一个写好的微信小程序帅选条件框，多条件筛选，下拉菜单，直接引用组件就可以读懂并灵活运用必须具有html，css ，js基础，除此之外还必须阅读小程序官方文档对组件的封装与使用相关文档

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

使用uview里的u-dropdown组件，使得当前页面点击无效

暗透了更能看到星光

01-17

3054

打开u-dropdown.vue页面，在最外层View添加如下代码: <view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'"> </view> props:{ dropDownShow: {//为false 遮罩不显示 type: Boolean, default: true }, } 默认设置为:true,这样对之前的页面不会产生影响打开当前页面，将dro

u-view组件库使用Dropdown导致页面被覆盖点击失效

weixin_46486552的博客

10-27

2056

问题：由于u-dropdown组件层级过高，覆盖住了当前页面导致页面点击事件失效解决办法：修改源代码 1找到u-view源码中的u-dropdown.vue文件,在源代码中添加如下代码即可解决 dara(){ return { dropdownShow:false } } <view class="u-dropdown" :style="dropDownShow?'':'overflow:hidden'"> </view> close(){ this.dropdown

【unity游戏开发入门到精通——UGUI】下拉列表（下拉选单）控件 —— DropDown旧控件

最新发布

向宇

04-24

1021

【unity游戏开发入门到精通——UGUI】UI控件 —— DropDown旧下拉列表（下拉选单）控件

uniapp中使用uview1.0中的u-dorpdown组件的坑

weixin_44326167的博客

04-28

1315

在项目中使用下拉菜单u-dorpdown时，内容过多，但是页面无法滑动，于是加上 scroll-view 发现电脑端能滑动，但是手机端就是滑动不了。解决思路，不要使用scroll-view组件，改成普通的view组件，设置style="height:300rpx;overflow-y:auto" ...

【吸顶u-sticky和下拉选框u-dropdown配合使用无法点击】

qq_48079316的博客

11-27

158

百度大佬解决方案：

在使用el-dropdown时页面直接卡了加载不出来一片空白

m0_62317155的博客

09-19

926

记录一下，程序中使用到的是vue3+element plus，自己在使用el-dropdown时，突然运行之后发现直接整个页面都卡了，一片空白。看到打开对应网站的浏览器一直占着很大的资源。直接导致整个页面，整个程序都卡了，动都动不了，整个程序都崩了。后面是删除对应的代码后重新运行起来才可以的，然后我就拍错，发现是自己看到不看，就复制了一些标签，导致出现这个问题。下面这个就会导致页面卡死，以后使用什么，先看官网，不要随随便便就来个复制，而且是看都不带看的。这个是可以正常显示的，注意了，不会导致页面卡死，

小程序-dropdownmenu

08-14

在小程序的`wxml`文件中，你需要定义`<dropdown-menu>`组件，并在其内部添加一个或多个`<dropdown-item>`子组件。`<dropdown-item>`是下拉菜单中的具体选项，用户点击时会触发相应的事件。 ```html <dropdown-...

vant 自定义 van-dropdown-item的用法

10-15

首先，我们来看一下给定的代码片段，可以看到开发者已经在 `van-dropdown-item` 中添加了额外的结构来实现特定的效果。这个例子中，目标是创建一个具有固定头部和底部，中间内容可滚动的下拉菜单。代码中的 CSS ...

uniapp 使用了uview 的dropdown下拉菜单后出现页面无法滚动

weixin_47517731的博客

03-04

1451

在上面不难发现，当下拉菜单已经处于关闭状态时，class为 u-dropdown__content这一块的元素还是存在的，究极原因是只把这个元素的opacity置为0了，导致页面无法滚动。所以找到uview的dropdown文件进行如下处理，直接给它关闭时隐藏dom即可。

uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

Florenza的博客

03-25

1196

找到 wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件，并改为驼峰命名：afterEnter和afterLeave即可！有遇到问题的小伙伴可以去试一试，看下是否能够解决！

uni-app uViewUI的u-dropdown层级问题

LEON_RAY

11-13

2029

找到uview-ui => components =>u-dropdown => u-dropdown.vue。

u-view Dropdown 下拉菜单导致页面内容被遮盖无法点击问题

ShinyRuo_的博客

04-15

4078

在使用uview的dropdown组件时页面的点击事件 navigator失效，在点击事件打印值也没有执行，观察页面样式时发现由于是组件的遮罩层覆盖住了页面导致的问题(uview可能是在打开/关闭下拉菜单时更改了遮罩层的透明度而已) 修改源代码在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层 data(){ return{ dropDownShow:false } } &

uniapp在使用van-dropdown-menu点击选项后页面点击没反应

天码星空

04-02

1987

问题描述:点击下拉选项后,整个页面无法点击解决办法: 原件: <van-popup show="{{ showPopup }}" custom-style="position: absolute;{{ popupStyle }}" overlay-style="position: absolute;" overlay="{{ overlay }}" position="{{ direction === 'down' ? 'top' : 'bottom' }}

在循环的组件上获取不到节点信息问题解决

weixin_55648290的博客

07-12

416

在循环的组件上获取不到节点信息问题解决

前端折叠面板折叠展开动画

坐等夕阳落time的博客

05-24

7140

前言以uniapp代码来说明折叠面板原理效果原理首先折叠展开动画选择 transition属性 transition: all 0.4s; 然后使动画生效：动态改变折叠面板的高度折叠面板初始高度为0（height 0 ）然后再根据折叠面板里面内容的高度，改变折叠面板的height， * 如果你的折叠面板是已知的展开高度，那就直接在0与已知高度里进行切换 * 如果你的折叠面板高度是不确定的，那就要在折叠面板里面再用一层view把内容包起来，然后写代码动态获取这个view的高度

uView里 SwipeAction 滑动操作组件 BUG处理

tcwzy1314的博客

05-07

902

原因： this.$uGetRect()这个方法是获取的元素节点信息的有时候节点还未渲染完成获取不到当前元素的节点信息导致的问题。在官网的群里问说配置的数据有问题并没有发现配置的地方有问题最后改了下源码得以解决。有时候打开这个后会全部展开并且报错,并不是每次都会报错.如果以上有不正确的地方欢迎指正.ヾ(◍°∇°◍)ﾉﾞ。1、先找到滑动组件的文件这是我滑动组件的路径。3、添加一个延时得已解决此问题。

uview 中 Dropdown 下拉菜单点击收回时出现部分高亮问题

m0_46694046的博客

09-29

1161

原因：源码中用的是opacity，通过切换透明度的方法解决：修改源代码：在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层 data(){ return{ dropDownShow:false } } 最外层的容器上判断显示或隐藏 <view class="u-dropdown" :style="dropDownShow ? '...

uniapp 小程序使用下拉菜单 u-dropdown ，遮罩部分会随之滚动怎么解决

06-10

在使用 `u-dropdown` 组件时，遮罩部分会随着页面的滚动而滚动，这是因为 `u-dropdown` 组件的遮罩层是在页面最外层添加的，而不是在当前组件内部添加的，导致遮罩层的位置固定在了页面最外层。要解决这个问题，可以通过以下方法来实现： 1. 在 `u-dropdown` 组件中添加 `mask-style` 属性，并设置其值为 `position: fixed;`，例如： ```html <u-dropdown mask-style="position: fixed;">  </u-dropdown> ``` 2. 在 `u-dropdown` 组件的父组件中添加 `style` 属性，并设置其值为 `position: relative;`，例如： ```html <view style="position: relative;"> <u-dropdown mask-style="position: fixed;">  </u-dropdown> </view> ``` 通过上述方法，可以让 `u-dropdown` 组件的遮罩层固定在页面上，不会随着页面滚动而滚动，从而解决了遮罩部分会随之滚动的问题。