前言 在 uni-app 开发中遇到一个二级联动的需求，使用 picker 组件实现时遇到一点问题。 特此记录一下~ Part.1 效果 Part.2 遇到问题 由于官方对此组件用法已经介绍 ( https://uniapp.dcloud.io/component ...

数据格式如下： 1、数组picker 的显示 这个地方显示的时候在：range-key=""里面的值是一个字符串，如上，要在双引里面加单引 2、获取选中值得id，代码如下： ...

picker底部滚动选择器 效果图 现在可以 实现选择年份 在页面上显示， 通过控制台我们可以看到 this.yearsIndex = e.detail.value； 确实绑定在了数组上 来实现这个方法 话说这个截动态图这真的太棒了， 比截图片好多 ...

例：需要在下图“自定义日期”中使用日期选择器 效果图：（单独分出来编辑的）点击自定义日期后显示一下效果，颜色切换为蓝色，当点击图一中的其他按钮时被点击的按钮颜色发生切换，自定义按钮颜色会回复默认（以上代码显示仅如下图所示） ...

这里直接贴出代码 根据官方文档这看起来是一段很正常的写法，但这里会出现个问题 这里的选项直接是[object Object]，只需要将rang-key中的字符串加上单引号即可。如下： 这样就能正常显示了 ...

背景说明 uni-app 官方的插件市场有数据驱动选择器，可以用作多级分类的场景。本人引入插件后，发现，在h5和微信小程序都只能选择到叶子级。而在给出的官方组件示例中确并非如此。 可以选择年级，而不选择班级。然后，想试试官方的手机版，发现并没有示例（截至日期2021年8月3日）为止 ...

之前做过一个picker的三级联动功能，这里分享代码给大家 具体代码： // An highlighted block <template> <view> <picker mode="multiSelector" @change ...

组件 下面的代码我使用了uni-popup这个弹框组件，这个组件是非常强大的哈； 有时间可以研究一下这个组件 ...