uniapp自身带有部分基础的组件，今天就来讲讲picker选择器！

picker选择器

从底部弹起的滚动选择器。支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。

注意点一：

支付宝小程序不支持多列选择器（mode = multiSelector），可以使用 picker-view 组件替代。

注意点二：

picker在各平台的实现是有UI差异的，有的平台如百度、支付宝小程序的Android端是从中间弹出的；有的平台支持循环滚动如百度小程序；有的平台没有取消按钮如App-iOS端。但均不影响功能使用。

例如在模拟器上是这样的

真机上却是这样的

要是接受不了ui的差异建议大家还是另寻他路吧

注意点三：

微信开发工具的pc模拟器有可能出现拖动数据错乱，使用真机正常

额外知识：

因为picker的ui样式不能满足需求，去找了uview1.0版本的picker单列选择器

但是很奇怪的就是

点击显示的时候，不能滑动

不止这个

还有Select 单列选择器，也是一样的情况

非常奇怪，至今没找到问题所在

求教各位大佬！！！

uniapp picker选择器注意点相关推荐

关于uni-app的Picker选择器默认选择的问题
在使用uni-app的Picker选择器时,有时选择器的默认选择是后台传递的参数进行决定,或者是上一个界面传递过来的参数进行默认展示,我们该怎么解决呢? 我这里展示上一个界面传递参数改变picker的 ...
uniapp三级地区picker选择器
今天来介绍一个三级选地区的picker选择器.大概长这样. 地址的数据我是拿高德api获取的数据.获取的数据是这样. (1)首选我们获取高德api的秘钥.之后创建一个key秘钥. https://co ...
uni-app 省市区选择器
一.导入uni-data-picker插件 uni-data-picker 数据驱动的picker选择器单列.多列级联选择器,常用于省市区城市选择.公司部门选择.多级分类等场景二.省市县数据导入项 ...
picker多选 vant_浅谈vant组件Picker 选择器选单选问题
浅谈vant组件Picker 选择器选单选问题 1.写遮罩 2.定义data 3.写事件 4.效果图补充知识:vue使用vant编辑用户性别我就废话不多说了,大家还是直接看代码吧~ v-model ...
picker多选 vant_vant框架picker选择器形式列表，以及封装
以下是VantUi插件中常用的各种选择器下拉列表,项目中遇到,就在这里总结以下,下面是代码第一种Vant -DropdownMenu 下拉框单选形式 Array = [ { text: " ...
MPX + Vant Weapp 在微信小程序中实现Picker选择器
目录功能概述实现步骤在MPX项目中引入Vant Weapp Popup与Picker组件结合实现Picker选择器代码效果实现单页面中的多个Picker选择器代码 Picker选择器的多 ...
Picker 选择器
Picker 选择器层级选择使用Ant Design Mobile Ant Design Mobile 数据项 const province = [{label: "北京",v ...
微信小程序之picker选择器获取值得两种方法
想要实现的效果: 在选择器选择合适的选项后,页面显示所选择的内容第一种方法: //wxml页面 <picker bindchange="PickerChange" valu ...
小程序picker标题_微信小程序实现自定义picker选择器弹窗内容
微信小程序中定义好的几种picker选择器,不管是日期选择器还是地区选择器,或是其他的都有定死的样式和内容. 例如: 但是大多数开发程序的情况下还是需要自己写样式的,或是内容的. 例如: wxml 选 ...

uniapp picker选择器注意点