如果你看完发现跟我遇到一样的问题，那么真的很奇葩

这个得从功能需求讲起

直接上图：

在个人信息里面显示身高和体重，而且支持修改

我最开始想到的做法

直接使用微信小程序提供的组件picker(从屏幕下方弹出的选择框)

我就比较懒，想一步选择两个属性，比如这样：

就是不管用户点击身高，还是体重，都是弹出这个进行选择修改，一步到位

那么我就给两个属性都绑定了一个picker,也使用同一组数据，大致代码：

<picker mode="multiSelector" rang="{{arr}}">身高</picker>
<picker mode="multiSelector" rang="{{arr}}">体重</picker>

然后问题就来了

点着点着发现选择框为这样：

空的！！

一开始以为是数据有点多，等她一下，发现也不对，几百条数据对她来说算什么？？？（也笨到去减少数据量）

折腾了半天

发现点了身高有数据，点击体重就没有！！

原来是picker重用了

后来就用一个picker将他俩包一起了，哎，真是浪费时间

转载于:https://www.cnblogs.com/momen/p/9084520.html

微信小程序picker空白相关推荐

微信小程序的省市区三级地址mysql_微信小程序picker实现的省市区三级联动
微信小程序的省市区三级联动需要使用到的是Picker多列选择器,参考文档:https://www.w3cschool.cn/weix..., 案例中用到的省市区的json文件在文后发出出来. 废话不多 ...
关于微信小程序picker之multiSelector多列选择器
文章目录前言使用步骤 1.wxml 2.读入数据总结前言由于业务场景,需要使用自定义内容的多列选择器,自然而然选择了微信小程序官方提供的picker选择器,mode模式为multiSelec ...
range 小程序picker_微信小程序picker滚动选择器使用详解
今天修改小程序做章节内容筛选使用到了picker滚动选择器,看了官方文档和一些网上的文章后,终于算是弄明白了这个组件的使用,这里把我对这picker滚动选择器的使用记录下: picker基础使用 pi ...
实现微信小程序picker 省市区自定义数据支持三级联动
再使用微信小程序时发现当 mode="region" 时数据选择的省市区的数据不支持后台返回的数据以下实现后台返回数据操作先设置HTML name 字段名字要替换掉 ...
微信小程序picker组件仅点击其中的内容才会触发事件
微信小程序包括picker组件在内的好多组件默认情况下只有点击其中的文字内容才可以触发相应的事件:例如下图的性别一栏,默认情况下只有点击红色区域的"男"字才能触发picker绑定的 ...
记录-微信小程序picker多级联动级别不固定-又是令人头冷的一天
先贴上需求,后台返回的值结构中既有2级.也有3级和4级的children,要求联动效果 options: [{id: 10,name: "北京",list: [{id: 11,na ...
微信小程序picker组件实现多列选择器
[微信小程序]picker组件多列选择器的使用功能需求用微信小程序的多列选择器实现对一个树状结构图中的末节点的选择,要求选择器的第一列改变时,后面列的选项会联动改变.树状结构图的部分数据如下图; ...
微信小程序picker组件
在小程序的开发应用中,我们会经常用到picker组件. 官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.h ...
微信小程序picker地区选择器显示省市二级联动
效果图: 微信官方配置二级level="city",无效(官方说正在修改2022.12.22) 自己写,用多级联动写 html: <picker mode="mul ...
微信小程序picker多列选择器：mode = multiSelector
vue-next-admin,这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + n ...

微信小程序picker空白