微信小程序解决picker-view bindchange延迟问题

最新推荐文章于 2023-03-23 11:54:00 发布
最新推荐文章于 2023-03-23 11:54:00 发布
阅读量1.1k 收藏 2
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42067569/article/details/122920067
版权

在这里插入图片描述

快速滑动后立刻点击确定按钮无法赋值，经调试发现bindchange需要停顿后才会触发

解决问题：通过查阅文档发现，早几个月官方才解决这个bug，需要添加一个属性immediate-change为true，算是比较幸运不需要自己去想其他方法实现，这里也不得不吐槽一下官方的速度
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Yolo.work
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uni-app内置组件picker-view和uni-popup的使用注意事项
m0_60605042的博客
06-02 4486
参考说明：uni-app的官方文档在使用bindChange方法时会有延迟，可以加上immediate-change=‘true’立即执行左边的是每列的下标，右边的数字是每列里面的选中的下标。
微信小程序 picker-view 组件详解及简单实例
01-20
微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input  微信小程序 form 微信小程序 checkbox 实现效果图： 嵌入页面的滚动选择器 属性名 类型 默认值 说明 value Number ...
微信小程序 picker-view 的 bindChange延迟问题的解决办法
qq_40669888的博客
04-01 2095
微信小程序 picker-view 的 bindChange延迟问题的解决办法
小程序picker_微信小程序踩坑记录（开发篇）
weixin_39781363的博客
11-26 601
作者：孙梦舸最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开发过程中的一些问题：1. 样式优先级混乱在使用button组件时，发现在class中设置width不生效，下面贴上代码：.经过微信调试工具排查后，发现user agent的样式优先级居然大于我们自己写的样式类，这在...
微信小程序的picker-view bindChange 延迟问题
追求，成长
09-26 5000
解决微信小程序的picker-view bindChange 延迟问题及解决思路 具体需求：如下图, 上下滑动选择身高，选择完成之后点击完成，要求获取到所选择的身高值 类似上面的需求，比如选择出生年月、年龄之类都会碰到，但是在获取值的时候，偶尔会发觉所获取到的身高有问题，之所以有问题，主要是因为身高值是在bindchange函数里获取，由于picker-view控件滚动时触发bindChang...
小程序picker 多选 picker组件的bindcolumnchange不触发
iorn_mangg的博客
05-20 2312
picker的bindcolumnchange方法在开发工具上会触发，但是在真机上不会触发 参考：https://developers.weixin.qq.com/community/develop/doc/00028c02d9c478b0d869692a25ec00 对picker 设置value="{{vals}} vals需要初始化：vals:[0,0]
小程序：picker-view选择器快速滚动，确认时，”值显示错误“
snowball的博客
07-15 2930
点击确定，关闭弹出的picker，数据无法及时更新，需等待一下，或手动触停滚动再点确定。滑动到某一个角色，点击确定，页面的数据没有更新，停留在之前的一个选项。picker内容还在滚动时或滚动回弹动画还未结束时，嵌入页面的滚动选择器。组件，其它节点不会显示。技术选型uniapp。...
使用uniapp中picker-view封装底部选择弹框选择器，解决微信小程序中不可自定义样式问题
05-19
使用uniapp制作微信小程序时候，需要一个城市选择框，但是微信中的弹框样式不可自定义，出现了与项目主题样式不一致问题，于是使用uniapp中picker-view封装底部选择弹框选择器，实现支持自定义确定和取消按钮颜色...
微信小程序 使用picker封装省市区三级联动实例代码
09-01
主要介绍了微信小程序 使用picker封装省市区三级联动实例代码的相关资料,需要的朋友可以参考下
微信小程序之picker日期和时间选择器
01-19
下面来介绍小picker，分三种样式： 默认的自己可以定义数据的 mode=”time”是时间选择器 mode=”date”是日期选择器 跟其他的一样先来看下picker.wxml <view class=page> <view class=page__hd> ...
小程序nut-datapicker卡顿问题
weixin_61570458的博客
12-09 413
解决：因为这里已经写的差不多了，也不想再自己另起组件，所以就试了很多方法，最后通过吧初始的配置项，比如mintime等全部删掉，可以提升1s左右，勉强达到使用的程度。原因：这个时间选择的官方组件在官方提供的二维码小程序展示里面也是比较慢的，所以应该是组件自身的优化问题。但是一旦开启第二项的nut-datepicker就会导致所有的弹出层包括内嵌的弹出层速度都会变慢，通过筛检代码发现第一项使用的弹出层Popup没有问题，第三项的nut-picker也没有问题，
uniapp 打开 picker-view 有时触发自动 @change 已解决
jack_rose_me的博客
02-16 1840
https://developers.weixin.qq.com/miniprogram/dev/component/picker-view.html 设参数 :immediate-change=“true” <picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{{value}}" :immediate-change="true" bindchange="bindChange"
小程序测试--微信组件bug
m0_56687854的博客
11-08 246
小程序测试
uview中Picker选择器 点击页面数据延迟问题
cwb_2120的博客
03-23 1632
在uniapp开发中，很多用户都使用到了uview这个组件，当然开发小程序之类的，我们经常会使用到Picker 选择器，用的过程中很容易发现这个组件有一个坑就是，点击页面的时候，数据会延迟，刚开始我还是以为是数据层级过深导致页面不刷新，使用了this.$forceUpdate()之后，发现还是不行，结果我发现只需要在Picker组件上加上一个属性就好了。，这样就可以实时监听到数据的变化。
微信小程序picker组件遇到的问题以及解决办法
山山而川~
01-04 4359
先来看一下官方文档中picker的基本概念：从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。
微信小程序Picker自定义数据多级联动
砷碲 - Shendi
08-22 5527
文章目录示例视频官方文档Picker使用多级picker多级联动代码示例 hello,i’m Shendi 最近在整微信小程序，在 picker 这个地方卡了很久，这里总结一下 示例视频 小程序picker多级联动示例视频 官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/picker.html Picker使
uniapp picker @change不触发
李世铭的博客
06-05 3901
使用uniapp的 picker 组件。按照文档：picker - uni-app官网 (dcloud.io)无论如何@change不触发
微信小程序：选择器标签摘要
a526001650a的专栏
11-30 1260
微信小程序：选择器标签摘要。
使用Android-PickerView 出些问题的可能解决方案
missionnn的博客
04-28 2387
Android-PickerView 主要是个级联选择器，很好用的插件： GitHub下载地址 1.无法下载导入插件Android-PickerView 在项目根目录settings.gradle中更换仓库（注意，一些教程里边的url没有使用https协议，可能会导致不成功，所以要使用https）： pluginManagement { repositories { /* gradlePluginPortal() google() mavenCentr
微信小程序原生 picker-view的使用
最新发布
09-06
微信小程序的原生 picker-view 是一种可以进行滚动选择的组件。它可以在小程序中展示一个滚动的选择器，用户可以通过上下滑动来选择需要的选项。 使用 picker-view 的步骤如下： 1. 在 wxml 文件中，通过<picker-view>标签来定义一个 picker-view 组件，可以通过style属性来设置它的样式。 2. 在 js 文件中，首先需要通过页面的setData()方法来初始化 picker-view 组件的数据源，使用数组的形式来表示选项。 3. 在 wxml 文件中，通过<picker-view-column>标签来定义 picker-view 中的每一列。可以使用wx:for属性来循环渲染每一列的选项。 4. 在 js 文件中，可以通过 onLoad()或者onShow()等生命周期方法来初始化 picker-view 组件的选中项。可以通过setData()方法更新 selected 属性的值来改变选中项。 5. 在 wxml 文件中，通过<view>标签来定义一个按钮或者其他交互元素，通过bindtap属性来绑定事件处理函数。 6. 在 js 文件中，实现事件处理函数，并通过setData()方法更新 selected 值以改变选中项。 7. 可以通过onPickerChange()等事件来监听 picker-view 的选中项改变的事件，并实现相应的逻辑。 需要注意的是，picker-view 组件的数组类型数据源，每一项都需要有value和text两个属性，分别表示选项的值和显示文本。 通过以上步骤，就可以在微信小程序中使用原生 picker-view 组件实现选择器的功能。用户可以滚动选择选项，并通过自定义的事件处理函数来获取选中项的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值