微信小程序多级联动第一次进入无法触发bindcolumnchange，导致联动失败

最新推荐文章于 2024-04-15 11:14:12 发布

梁雨季™

最新推荐文章于 2024-04-15 11:14:12 发布

阅读量980

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_1296888290/article/details/111995806

版权

本文主要讨论了微信小程序中多级联动组件的一个常见问题：首次进入页面时，由于value值设置不当，bindcolumnchange事件未被触发，导致联动功能失效。经测试，只有当value值为数组形式时，如`value="[0,0,0]"`，bindcolumnchange才会正常工作。解决方案是确保value始终为数组类型，以保证联动效果的正确实现。" 118086305,7446611,阿里云DDNS配置指南：内网服务器公网映射,"['DDNS', '阿里云服务', '网络配置', '域名管理', '容器技术']

摘要由CSDN通过智能技术生成

问题：真机测试，自定义的多级联动进入页面第一次选择无法触发bindcolumnchange，导致联动失败，第二次选择时则又可以了。

原因：value的值不对！

value array [] 表示选择了 range 中的第几个（下标从 0 开始）

注意⚠️：这里为三级联动，所以multiIndex为数组[0, 0, 0]

<picker mode="multiSelector"
        bindcolumnchange="bindMultiPickerColumnChange"
        bindchange

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

梁雨季™

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

小程序picker组件mode=multiSelector必须设置value属性，否则ios系统bindcolumnchange事件不会触发

here962464的博客

01-02

3907

踩了一个小坑，利用小程序的picker组件做了一个二级联动的地市选择器，最开始直接复制的官方开发文档下面给的例子 <view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiP...

小程序picker 多选 picker组件的bindcolumnchange不触发

iorn_mangg的博客

05-20

2372

picker的bindcolumnchange方法在开发工具上会触发，但是在真机上不会触发参考：https://developers.weixin.qq.com/community/develop/doc/00028c02d9c478b0d869692a25ec00 对picker 设置value="{{vals}} vals需要初始化：vals:[0,0]

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

小程序的picker中，bandchange无法调用事件，一个因为文字纠错功能太弱而出现的大坑

kangjacob的博客

03-03

457

使用picker的时候总是报错，说找bindchange总是找不到对应的函数。然而，瞪大眼睛看了好多遍，又把picker的官方文档翻了好几遍，发现格式写法都没有错。用人工智能帮助纠错，也说不出一二三来。吃过晚饭再仔细瞅瞅，发现在bandchange=“”这里似乎有一个小的问题，函数名没有和“对齐，多了一个小空格，看上去不舒服，于是顺手删掉这个小空格，再次保存。没想到函数名之前还不能留有空格，如此的机械不知道算小程序的优点还是缺点。算是一个坑吧，记住了！

小程序 引入第三方组件类级联选择器不管用的解决方案

weixin_38401146的博客

11-13

626

小程序开发用的第三方组件iViewWepp 如图所示：直接级联或者深度引用都是不管用的 >>> 小程序不支持 /deep/ 不生效直接类级联选择也不管用都加important 了还是不生效看代码就是没作用上组件给的i-class 自定义样式只能作用在最外层最后我是用了标签选择器人生处处有惊喜呀 ...

uni内置组件picker多列选择器第一列切换第二列数据更新出错

qq_43628158的博客

12-29

1867

uni内置组件picker多列选择器

微信小程序接入客服

凯歌技术控团队

10-23

1642

1.给客服发送商品详情页 2.前端写法 &amp;amp;lt;button wx:if=&amp;quot;{{show_customer_service==1}}&amp;quot; open-type=&amp;quot;contact&amp;quot; send-message-title=&amp;quot;商品&amp;quot; send-message-img=&

mpvue开发微信小程序多级联动功能

boy火巨的博客

04-24

452

先看效果：上图看了一下小程序的开发文档，好像没有发现可以直接实现多级联动的组件或者可选的 API（如果有，请打醒我），不过它提供了自定义选择器的组件picker-view和picker-view-column，picker-view-column相当于是选择器的每一列，并且picker-view-column之间的数据都是独立的，而且picker-view提供了...

微信小程序picker组件省市二级联动及其修改时进行回显

01-09

在微信小程序开发中，`picker`组件是一种常用的选择器，常用于实现用户选择日期、时间、选项等操作。本篇文章将深入探讨`picker`组件在实现省市二级联动以及修改时回显的效果，这对于构建交互良好的用户界面至关重要...

小程序二级分类联动.rar

06-04

在小程序开发中，二级分类联动是一种常见的功能设计，主要用于实现多级分类的筛选或导航，让用户能够更加方便地查找和筛选所需内容。本资源“小程序二级分类联动.rar”旨在解决之前版本存在的bug，并修复了二级分类...

最新发布

高级前端工程师

04-15

3477

微信小程序，省市区，省份，市区，区县，弹框式省市区三级联动，uniapp，小程序省市区三级联动，如何实现省市区数据动态懒加载，微信小程序省市区三级联动，微信小程序三级联动,省市区联动组件封装，使用picker封装省市区三级联动的实现，微信小程序picker实现的省市区三级联动，怎么懒加载，怎么选择省份的时候再出现市区，省市区三级联动后台数据动态加载到页面，报错怎么办，省市区有什么插件，动态加载省市区的数据，新手小白详细教程，小程序 后台动态数据省市二级联动，完整运行示例源代码，小程序三级地址联动，地址选择

区分多列选择器的bindchange和bindcolumnchange事件

lxow456的博客

05-28

5239

最近有用到小程序的多列选择器组件<picker mode="multiSelector">，但官方文档中对这个组件的两个事件bindchange和bindcolumnchange事件解释得比较简略。自己总结了一下这两个事件的区别。触发时机的不同在多列选择器中，bindchange只在点击“确定”按钮之后触发，而bindcolumnchange在每一次滚动选择器中的任何一列后都会触发。我们可以实际实验一下。以下是部分代码： <picker mode="multiSelect

微信小程序多列下拉框的实现（树形数据结构和单数组数据结构形式）

weixin_49376462的博客

04-19

3289

利用微信小程序api（bindchange和bindcolumnchange）,实现不同后端数据格式下的多列下拉框实现（三层）（树格式和一层一个数组的格式）

小程序 多列选择器(2列)

m0_57568275的博客

12-15

1366

htlm部分(红色为主要部分) <viewclass="agent-shopper-containermt15"> <view>合伙人及其店主:</view> <viewclass='agent-container'> <pickermode="multiSelector"bindchange="pickerChange"bindcolumnchange="columnChange"value="{{...

小程序开发——记录出现的问题及解决办法

清风徐来的博客

11-06

387

1、使用函数的三种方法 https://www.cnblogs.com/chenhuichao/p/8478586.html 2、时间格式化 js常规写法（容易看懂的） function formatTime() { 　　var date=new Date(); 　　var year = date.getFullYear() 　　var month = date.getMonth() + 1 　　var day = date.getDate() 　　var hour = date.getH

微信小程序自定义多列选择器的使用

热门推荐

alexsaurora的博客

06-11

1万+

微信小程序在自带的表单组件中加入了选择器picker，并给出了常用的时间和省市区三级联动选择器，但日常开发中不可能仅仅使用这些选择器，所以我们在学习时先写一个常见的自定义选择器来看一下。

小程序：动态数据实现三级联动选择器

weixin_34292924的博客

03-09

809

每个周五的下午，坐在电脑边，沏上一杯热茶，按捺不住激动的心情，为了周末的休息不上班吗？不，安静的环境是为了能够更好的学习！！！便捷的picker 借助picker组件可以很便捷的帮我们实现省市区、日期时间、多列选择器，接下来我们来来实现一个动态数据的多列选择器。效果图先上效果图交互首先用户点击选择购车门店按钮，选择省级地区，然后通过选择的省级key充当查询条件获取市级数据，然后用选择...

小程序踩坑：小程序picker组件不管用，渲染有问题，二级三级联动数据错乱，三级联动不生效

qq_39498450的博客

04-23

3294

小程序踩坑：picker组件不管用，不生效最近公司开发的小程序中，用到了小程序的picker组件，写了个三级联动，发现部分数据加载错乱，一步步打断点调试自己的程序，发现程序代码都没有问题。就是不知道为何，部分数据错乱，然后有很多项却没问题。每次滑动经过某两项时，会导致picker组件有问题。但是不经过那几项时，有没问题。这让我很是头疼。不知道大家有没有遇到这样的问题。经过大量测试，耗费我一上...

微信小程序 Picker

xiaochun365的博客

07-12

1万+

微信小程序联盟小编，请不要再转载这种没有营养的文章好吗，我写这个文章就是想做个记录而已。

微信小程序实现多级联动展开/收起列表实例

在微信小程序开发中，实现一个多层展开/收起的列表功能是一项常见的交互需求，对于前端小白或刚接触小程序的开发者来说，理解并掌握这一技巧能够提升他们的实践能力。本文将详细介绍如何通过WXML和WXSS编写代码来...