加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序多列选择器range-key使用详解

发布时间:2020-12-14 20:13:37 所属栏目:资源 来源:网络整理
导读:本文实例为大家分享了微信小程序多列选择器的具体代码,供大家参考,具体内容如下 /** 页面的初始数据 */ data: { objectMultiArray: [ [ { id: 0,name: '无脊柱动物' },{ id: 1,name: '脊柱动物' } ],[ { id: 0,name: '扁性动物' },name: '线形动物' },{ id

本文实例为大家分享了微信小程序多列选择器的具体代码,供大家参考,具体内容如下

/**

  • 页面的初始数据
    */
    data: {
    objectMultiArray: [
    [
    {
    id: 0,name: '无脊柱动物'
    },{
    id: 1,name: '脊柱动物'
    }
    ],[
    {
    id: 0,name: '扁性动物'
    },name: '线形动物'
    },{
    id: 2,name: '环节动物'
    },{
    id: 3,name: '软体动物'
    },name: '节肢动物'
    }
    ]
    ],multiIndex2: [0,0],},bindMultiPickerChange2: function (e) {
    console.log('picker发送选择改变,携带值为',e.detail.value)
    this.setData({
    multiIndex2: e.detail.value
    })
    },bindMultiPickerColumnChange2: function (e) {
    console.log('修改的列为',e.detail.column,',值为',e.detail.value);
    var data = {
    objectMultiArray: this.data.objectMultiArray,multiIndex2: this.data.multiIndex2
    };
    data.multiIndex2[e.detail.column] = e.detail.value;
    switch (e.detail.column) {
    case 0:
    switch (data.multiIndex2[0]) {
    case 0:
    data.objectMultiArray[1] = [
    { id: 0,name: '扁性动物' },{ id: 1,name: '线形动物' },{ id: 2,name: '环节动物' },{ id: 3,name: '软体动物' },name: '节肢动物' }
    ];
    // data.multiArray[2] = ['猪肉绦虫','吸血虫'];
    break;
    case 1:
    data.objectMultiArray[1] = [
    { id: 0,name: '鱼' },name: '线形两栖动物' },name: '爬行动物' }
    ];
    break;
    }
    data.multiIndex2[1] = 0;
    // data.multiIndex[2] = 0;
    break;
    }
    this.setData(data);
    }

})

请记得点赞额!!!

为大家推荐现在关注度比较高的微信小程序教程一篇:小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读