uni-app小程序踩坑-picker

场景

使用选择器选择须要的选项兼容小程序/H5

问题

无论是微信仍是uni的官方组件封装的picker组件没有点击肯定的事件，这个在小程序端彷佛也没什么打的问题，点击肯定，不管有没有发生改变，都可以触发change事件，但在H5端的时候，若是选择器不发生改变，是不能触发change事件的，于是在H5的时候则直接点击肯定没法选中选项。

解决方案

在选择器的数组中能够利用 unshift（）方法，在数组前添加一个和数组元素格式同样的提示信息。 如：请选择xxx

附

在H5 中 使用 mode=“date” 的时候 由于要设置时间的开始范围（在当前时间加上N天）一开始设置了 value ，在时间不变的状况下，直接点击肯定同样没法选取时间，这里直接 去除value 的绑定 成功解决

<picker mode="date" fields='day' :start="startDay" @change="startTime">
	<view class="uni-input txt_s">{{value_startTime}}</view>
</picker>
复制代码

总结

官方封装的picker组件若是不能知足需求，在uni的插件市场有不错的封装好的picker组件，仍是不错的。