微信小程序包括picker组件在内的好多组件默认情况下只有点击其中的文字内容才可以触发相应的事件;例如下图的性别一栏,默认情况下只有点击红色区域的“男”字才能触发picker绑定的事件,而点击左边青黄色框内的空白处都无法触发,如果想要达到点击组件范围内任意地方都能够触发事件该怎么做呢?
解决方法:在wxml页面的picker组件内添加 style="display: inline-block;" 就可以完美解决
<view class="individual"><label class="text">2.性别:</label><picker style="display: inline-block;" bindchange="bindGenderChange" class="input_border" value="{{gender}}" range="{{gender_array}}"> {{gender_array[gender]}}</picker></view>