微信小程序picker空白

Posted Momen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序picker空白相关的知识,希望对你有一定的参考价值。

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

这个得从功能需求讲起

直接上图:

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

我最开始想到的做法

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

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

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

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

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

然后问题就来了

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

空的!!

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

折腾了半天

发现点了身高有数据,点击体重就没有!!

原来是picker重用了

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

 

以上是关于微信小程序picker空白的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序Picker自定义数据多级联动

微信小程序Picker自定义数据多级联动

微信小程序-自定义picker选择器

微信小程序组件解读和分析:十picker滚动选择器

微信小程序自定义picker组件

微信小程序 picker multiSelector 多列滚动 代码解读