微信小程序真机调试onReachBottom不触发、v-model失效等问题

原创已于 2023-04-26 14:22:28 修改 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2023-04-26 14:20:30 首次发布

在微信开发者工具中一切正常，但当运行到真机上时，v-model的双向绑定失效，登录后用户信息无法传入接口，onReachBottom事件也不触发影响了分页功能。经过排查，问题在于未开启‘开发调试’模式，开启后问题得到解决。

在微信开发者工具上一切都是正常的，一到真机上连v-model都不能做双向绑定，登录连用户信息都不能传入接口参数里，onReachBottom不触发导致分页也不能成功。

一开始以为是代码在真机和开发者工具上运行有差异，需要调整或者配置什么，但是怎么都解决不了，直到......

我打开了“开发调试”，重新进入小程序就可以了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我好菜

关注关注

3
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序 onReachBottom 上拉触底加载没触发

Dove言和

08-18

3949

在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..

关于uniapp+vue3中onReachBottom不生效的问题! 记录一下排查过程

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。

03-22

1417

在使用 uniapp + Vue3 开发项目时，可能会遇到事件不触发的问题，明明已经配置了pages.json，但就是没有效果。今天就来分析一下可能的原因，并给出解决方案。

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

【修复日常bug】（uniapp）微信小程序自定义组件无法触发（不执行）v-model双向绑定监听事件

技术大咖 Rohlin的博客

08-16

3865

问题概述数组数据改变后，页面上视图也重新渲染了，但是视图内的自定义组件绑定的v-model事件并没有执行；问题原因(举个例子) 在经过一番排查后，发现外层有v-if事件调用了handler函数进行判断导致的  <view v-for="(item,index) of list" :key="index">  <view v-if="handler(item)">

uniapp 真机调试onReachBottom不生效

Motion_zq的博客

09-16

849

uniapp 真机调试onReachBottom不生效

onReachBottom没有触发？填坑之路

轻量开发

04-17

2410

最近搞微信小程序，遇到onReachBottom没有触发的问题。其他页面滑动到底部能触发onReachBottom。但是新搞的页面怎么设置都不行。百度各种方法都用上了。最后，我还是从引入组件排查。发现用<scroll-view/>就不会触发onReachBottom。经过查看api,发现此控件有自带的触发回调，bindscrolltolower就是触发底部回调的。

微信小程序真机一键清空搜索框按钮失效的问题

Debug的博客

05-29

899

【代码】微信小程序真机一键清空搜索框按钮失效的问题。

微信小程序：input用正则限制输入但是失效

CY_WINT的博客

01-11

1304

加一个$nextTick()函数进行实时监听修改，就解决了，或者使用setTimeOut函数重复调用赋值应该也ok。问题：正则匹配修改，但是仍然失效，通过打印数值发现已经修改成功，所以问题出在没有实时修改上。效果：想要实现输入框只能输入数字，第一位不能是点，小数点后只有两位数字等等。最后贴上正则处理函数。

微信小程序笔记

weixin_74146432的博客

06-25

1032

通过接口文档得知，我们需要以上的参数，我们先将参数提前声明，然后在发起请求获。在输入框中输入购买的数量，并不是直接将输入的数量同步给服务器，而是需要计算差。使用的是同一个借口，为什么加入购物车没有。这一步，咱们需要做的就是：订单编号发送给公司的后端，其他逻辑时后端来完成的。通过调用后端接口获取支付状态，如果支付成功，需要给用户提示，同时跳转到订单列。临时路径具有失效时间，需要将临时路径上传到公司的服务器，获取永久的路径，再。如果数据相等，商品列表已经加载完毕，如果数据已经加载完毕，需要给用户进行。

uniapp 微信小程序 使用v-else 不生效

热门推荐

qq_43447509的博客

08-01

1万+

造成不触发的原因可能有以下几种情况配置属性问题高度问题滚动条不在顶部需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效 2.高度问题 //设置容器高度为100% page{ height: 100% } 3. 切换页面时滚动条滚回到顶部 //切换页面时调用API wx.pageScrollTo({ scrollTop: 0 }) 4.

微信小程序设置上拉触底事件onReachBottom()不生效，检查是不是自动生成的代码把自己写的代码覆盖掉了

weixin_54799350的博客

05-25

1216

如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。

微信小程序：onReachBottom(),onPullDownRefresh()事件不触发的原因

Queen-Shir的博客

11-29

7652

onReachBottom()下拉触顶：原因：页面上的内容没有超出文档的高度，当前页面没有滚动条，就不会触发上拉触底事件。上拉不了就不会触底。此时可以用滚动监听事件代替。 onPageScroll:function(e){ console.log(e.scrollTop); if (e.scrollTop>=92){ ...... } ...

微信小程序使用上拉加载onReachBottom。页面拖不动。一直无法触发上拉的事件。

肖肖肖丽珠的博客

01-21

1263

1，可能是原因是你使用了scroll-view的标签，用onReachBottom触发加载事件。如果页面的样式是滚动的是无法去触发页面的onReachBottom的函数的。因此，你使用overflow:auto.来使用页面的某些元素滚动，照样也无法触发onReachBottom。我给滚动的内容加了边框样式。这个样式只对第一页展示的区域有效果。加上了overflow:auto.的确滚动的区域就是加了border的红色区域。减去底部的tabbar高度，这样总行了吧。起初我以为我给滚动区域设置一个高度。

小程序 height: 100vh; onReachBottom触底事件不触发

Android小码家

09-24

7158

css部分 .content { display: block; /* height: 100vh; */ margin-top: 85rpx; } 如上注释height即可

小程序上拉分页onReachBottom不触发

xfy18317776108的博客

07-22

1853

一般可能情况： 1、查看json里面的配置 2、查看容器高度： wxss: wxml：此处因为使用了自定义tabBar底部菜单，需要50像素

小程序onReachBottom不触发解决办法（附代码）

白_的博客

07-21

955

将height100%;改成min-height101vh;并把scroll-view的宽度和高度设置为100%即可。

onReachBottom不触发

weixin_45851714的博客

03-02

262

page的高度设置了height：101%；