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

最新推荐文章于 2024-11-27 21:05:50 发布
最新推荐文章于 2024-11-27 21:05:50 发布
阅读量896 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： uni-app 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cxy18137478587/article/details/124501203
本文介绍了在浙政钉小程序上遇到的UniApp组件u-dropdown点击无响应的bug，原因是$.uGetRect('.u-dropdown__menu')在真机环境下失效。为解决此问题，提出了在u-dropdown源文件进行修改的方法。

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

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

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

uniapp：mosowe-dropdown下拉菜单
mosowe
04-15 1387
另一个类型的下拉菜单，当列表长度大于50的时候自动开启虚拟滚动，兼容uniapp项目的V2/V3版本。
使用uview里的u-dropdown组件，使得当前页面点击无效
暗透了更能看到星光
01-17 3194
打开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 2102
问题：由于u-dropdown组件层级过高，覆盖住了当前页面导致页面点击事件失效 解决办法：修改源代码 1找到u-view源码中的u-dropdown.vue文件,在源代码中添加如下代码即可解决 dara(){ return { dropdownShow:false } } <view class="u-dropdown" :style="dropDownShow?'':'overflow:hidden'"> </view> close(){ this.dropdown
uniapp中使用uview1.0中的u-dorpdown组件的坑
weixin_44326167的博客
04-28 1384
在项目中使用下拉菜单u-dorpdown时，内容过多，但是页面无法滑动，于是加上 scroll-view 发现电脑端能滑动，但是手机端就是滑动不了。解决思路，不要使用scroll-view组件，改成普通的view组件，设置style="height:300rpx;overflow-y:auto" ...
【吸顶u-sticky和下拉选框u-dropdown配合使用 无法点击】
qq_48079316的博客
11-27 185
百度大佬解决方案：
在使用el-dropdown时页面直接卡了加载不出来一片空白
m0_62317155的博客
09-19 1060
记录一下，程序中使用到的是vue3+element plus，自己在使用el-dropdown时，突然运行之后发现直接整个页面都卡了，一片空白。看到打开对应网站的浏览器一直占着很大的资源。直接导致整个页面，整个程序都卡了，动都动不了，整个程序都崩了。后面是删除对应的代码后重新运行起来才可以的，然后我就拍错，发现是自己看到不看，就复制了一些标签，导致出现这个问题。下面这个就会导致页面卡死，以后使用什么，先看官网，不要随随便便就来个复制，而且是看都不带看的。这个是可以正常显示的，注意了，不会导致页面卡死，
精选资源
uniapp vue3 下拉菜单组件（dropdownMenu）
11-23
uni-app中的下拉菜单组件（dropdownMenu），首先是一种界面控件，它在界面上表现为一个可以展开的列表。用户点击组件时，会显示一个下拉的列表，让用户进行选择。这类组件常用于筛选信息、选择选项等场景。在uni-app...
小程序-dropdownmenu 下拉菜单
06-26
dropdownmenu一个写好的微信小程序帅选条件框，多条件筛选，下拉菜单，直接引用组件就可以 读懂并灵活运用必须具有html，css ，js基础，除此之外还必须阅读小程序官方文档对组件的封装与使用相关文档
小程序-dropdownmenu
08-14
在小程序的`wxml`文件中，你需要定义`<dropdown-menu>`组件，并在其内部添加一个或多个`<dropdown-item>`子组件。`<dropdown-item>`是下拉菜单中的具体选项，用户点击时会触发相应的事件。 ```html <dropdown-...
uniapp 使用了uview 的dropdown下拉菜单后出现页面无法滚动
weixin_47517731的博客
03-04 1547
在上面不难发现，当下拉菜单已经处于关闭状态时，class为 u-dropdown__content这一块的元素还是存在的，究极原因是只把这个元素的opacity置为0了，导致页面无法滚动。所以找到uview的dropdown文件进行如下处理，直接给它关闭时隐藏dom即可。
uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效
Florenza的博客
03-25 1269
找到 wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件，并改为驼峰命名：afterEnter和afterLeave即可！有遇到问题的小伙伴可以去试一试，看下是否能够解决！
uni-app uViewUI的u-dropdown层级问题
LEON_RAY
11-13 2106
找到uview-ui => components =>u-dropdown => u-dropdown.vue。
u-view Dropdown 下拉菜单 导致页面内容被遮盖 无法点击问题
ShinyRuo_的博客
04-15 4126
在使用uview的dropdown组件时页面的点击事件 navigator失效，在点击事件打印值也没有执行，观察页面样式时发现 由于是组件的遮罩层覆盖住了页面 导致的问题(uview可能是在打开/关闭下拉菜单时更改了 遮罩层的透明度而已) 修改源代码 在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层 data(){ return{ dropDownShow:false } } &
uniapp在使用van-dropdown-menu点击选项后页面点击没反应
天码星空
04-02 2024
问题描述:点击下拉选项后,整个页面无法点击 解决办法: 原件: <van-popup show="{{ showPopup }}" custom-style="position: absolute;{{ popupStyle }}" overlay-style="position: absolute;" overlay="{{ overlay }}" position="{{ direction === 'down' ? 'top' : 'bottom' }}
在循环的组件上获取不到节点信息问题解决
weixin_55648290的博客
07-12 446
在循环的组件上获取不到节点信息问题解决
前端 折叠面板 折叠展开动画
坐等夕阳落time的博客
05-24 8559
前言 以uniapp代码来说明折叠面板原理 效果 原理 首先折叠展开动画选择 transition属性 transition: all 0.4s; 然后使动画生效：动态改变折叠面板的高度 折叠面板初始高度为0（height 0 ）然后再根据折叠面板里面内容的高度，改变折叠面板的height， * 如果你的折叠面板是已知的展开高度，那就直接在0与已知高度里进行切换 * 如果你的折叠面板高度是不确定的，那就要在折叠面板里面再用一层view把内容包起来，然后写代码动态获取这个view的高度
uView里 SwipeAction 滑动操作组件 BUG处理
tcwzy1314的博客
05-07 1060
原因： this.$uGetRect()这个方法是获取的元素节点信息的 有时候节点还未渲染完成 获取不到当前元素的节点信息导致的问题。在官网的群里问 说配置的数据有问题 并没有发现配置的地方有问题 最后改了下源码得以解决。有时候打开这个后会全部展开并且报错,并不是每次都会报错.如果以上有不正确的地方欢迎指正.ヾ(◍°∇°◍)ﾉﾞ。1、先找到滑动组件的文件 这是我滑动组件的路径。3、添加一个延时得已解决此问题。
uview 中 Dropdown 下拉菜单点击收回时出现部分高亮问题
m0_46694046的博客
09-29 1209
原因： 源码中用的是opacity，通过切换透明度的方法 解决： 修改源代码： 在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层 data(){ return{ dropDownShow:false } } 最外层的容器上判断显示或隐藏 <view class="u-dropdown" :style="dropDownShow ? '...
ElementUI中Dropdown 下拉菜单el-dropdown-item 点击事件无效
Yjx的博客
08-10 5703
ElementUI
uniapp 使用uview1.0 u-dropdown 修改 u-dropdown__menu的宽度 兼容小程序和app h5
最新发布
10-23
在 UniApp 中使用 uView1.0 的 u-dropdown 组件时，要修改 u-dropdown__menu 宽度并兼容小程序、app 和 h5，可以通过以下几种方式： ### 1. 使用内联样式 在 u-dropdown 组件上直接添加内联样式来修改宽度。 ```vue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值