wxss
.picker {
/* 没有display: flex;就可以点击一行唤醒picker */
display: flex;
}
.picker_content {
/* 设置宽带为100%或者flex1也不行 */
/* width: 100%; */
/* flex: 1; */
}
html
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" class="picker">
<view class="picker_content">
当前选择:{{array[index]}}
</view>
</picker>
js
Page({
data: {
array: ['美国', '中国', '巴西', '日本'],
index: 0,
},
bindPickerChange(e) {
this.setData({
index: e.detail.value
})
}
})
应该是点击框,你写宽高撑开嘛
检查一下元素宽度是不是发生改变了