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組件，仍是不錯的。