<picker mode="selector" range="{{classData}}" bindchange="bindClassChange" value="{{classIndex}}" range-key="className">
<view class="picker">
{{classData[classIndex].className || '请选择班级'}}
</view>
</picker>
classData是接口请求的数组 如果picker显示的值是[object,object]这样的 range-key="className"文章来源:https://www.toymoban.com/news/detail-659892.html
range-key就是重点 修改成你要显示的字段文章来源地址https://www.toymoban.com/news/detail-659892.html
//班级选择
bindClassChange: function (e) {
const classIndex = e.detail.value;
this.setData({
classIndex
});
},
到了这里,关于微信小程序picker组件的简单使用 单选的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!