微信小程序（二）picker为对象数组，设置range-key，并获取对象id

最新推荐文章于 2024-05-08 21:32:14 发布

jonssonyan

最新推荐文章于 2024-05-08 21:32:14 发布

阅读量1.1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/y1534414425/article/details/116312028

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

js

Page({
    data: {
        categorys: [
            {
                id: 10,
                name: '美国'
            },
            {
                id: 11,
                name: '中国'
            },
            {
                id: 12,
                name: '巴西'
            },
            {
                id: 13,
                name: '日本'
            }
        ],
        category: {},
        bindPickerChange: function (e) {
        let category = this.data.categorys[e.detail.value];
        this.setData({
            ['category']: category
        });
        console.log(category);
    },
});

wxml

<view style="padding: 16px">
  <picker mode="selector" bindchange="bindPickerChange" range-key="name" range="{{categorys}}">
        <view class="picker">
            当前选择：{{category.name}}
        </view>
    </picker>
</view>