【Uniapp使用遇到问题合集】

问题一

跳转页面后无法进行滑动/滚动的操作

描述

如题,实际操作是我在uniapp自带的组件uni-popup弹出层中加入了一个点击事件,点击后可跳转到指定的页面
但实际运行中出现了跳转过后页面过长时无法向下滑动/滚动的操作,屏幕内的其他操作还可以正常使用,唯独无法进行下滑的操作
百度后有人说是unipopup这个自带的组件的问题,(我的是HBuilderX3.5版本使用于 2023.2.15)

https://blog.csdn.net/weixin_49245357/article/details/126022668

如上作者的解决方法是找到组件源码,修改overflow从hidden->visible
在网页中调试查看源码发现确实是hidden,手动修改为visible后在进行跳转就可以正常的下滑了
但是我的unipopup组件中已经是visible的设置了,也不想深究是为什么

解决方法

简单粗暴,跳转页面之前先将弹出层关闭

						//先隐藏popup层
						this.$refs.popup.close()
						
						uni.navigateTo({
							url: '跳转的指定页面'
						})

还是得吐槽一下uniapp的官方群,进去之后发送问题,录频,也艾特了相关人员,根本不回复你,很多人在里面问都不回的,尤其是安卓端的开发,ios的倒是回答的挺积极…
结果还是得自己去想办法解决

问题二

POST请求后台无法接收到前端传入的字段数据

描述

Uniapp通过Promise封装了request函数进行get,post的请求
在使用get的时候一切正常,用post的时候怎么都拿不到前端发送过来的数据

解决办法

uniapp前端发送请求的时候需要判断当时post的时候,请求头content-type要改成x-www-form-data
不能是json,至少php和java默认接收的不是json
改成x-www-form-data后台就可以正常获取前端发送过来的请求了

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
uniapp中实现滑动删除功能可以通过以下步骤实现: 1. 首先,在需要实现滑动删除的视图组件中,添加`@touchstart`、`@touchmove`和`@touchend`事件监听器,并在相应的方法中编写逻辑代码。可以参考中提供的代码示例。 2. 在数据部分,定义`startX`和`delBtnWidth`两个变量,`startX`用于记录触摸开始时的X坐标,`delBtnWidth`表示删除按钮的宽度。 3. 在滑动开始(`drawStart`)事件处理方法中,获取触摸开始时的X坐标,可以使用`event.touches.clientX`来获取。 4. 在滑动过程(`drawMove`)事件处理方法中,计算移动的距离,并根据移动的距离来移动视图组件,使其呈现出滑动效果。具体的实现逻辑可以根据需求进行调整。 5. 在滑动结束(`drawEnd`)事件处理方法中,判断滑动的距离是否超过了删除按钮的一半宽度,如果超过了,则执行删除操作;否则,将视图组件恢复原位。 以上是使用原生的手势事件来实现滑动删除功能的方法。另外,uniapp也提供了组件`uni-swipe-action`来方便实现滑动删除效果。可以参考中提供的代码示例来使用`uni-swipe-action`组件实现滑动删除。在`uni-swipe-action`中,可以使用`left-options`和`right-options`来设置左滑和右滑出现的内容,同时可以监听`@change`事件来处理组件的打开或关闭操作。 综上所述,你可以根据需求选择使用原生手势事件或者`uni-swipe-action`组件来实现滑动删除功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [【uni-appuniapp如何实现左滑删除以及改造uni-ui中的swiperAction](https://blog.csdn.net/wuguidian1114/article/details/123683506)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app 实现滑动删除](https://blog.csdn.net/Lsp19980917/article/details/119043549)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淳杰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值