微信小程序> 微信小程序关联Picker的设计

微信小程序关联Picker的设计

浏览量:504 时间: 来源:司马紫衣

作为一个刚刚开始学习程序的菜鸟,想要设计一个这样的微信小程序功能:

两个picker,一个picker改变的时候,另一个picker切换到相应的内容上去。

逻辑:很简单,没有什么可说的,肯定是使用if 、switch之类的语句

问题:

①在切换内容的时候只能使用this.setData({})才能改变wxml的内容,除此之外没办法.........

②switch、if语句内进行赋值之后,内部的赋值没办法传递给this.setData({})内的wxml的变量,switch、if的内部赋值都是局域变量赋值..........

③刚开始时候以为是先写this.setData({}),在里面编写if、switch,发现报错,严重报错;后来才发现,只能是if、switch里面包含this.setData

最后的代码是:

bindPickerChange: function (e) {    console.log('picker发送选择改变,携带值为', e.detail.value)    //根据科目选择进行章节调用    let Peo_array = array[e.detail.value].id    switch(Peo_array){      case 'pu':        this.setData({          Peoarray:pu        });        break;      case 'fa':        this.setData({          Peoarray:fa        });        break;      case 'jiao':        this.setData({          Peoarray:jiao        });        break;      case 'she':        this.setData({          Peoarray: she        });        break;      case 'shi':        this.setData({          Peoarray: shi        });        break;      case 'tong':        this.setData({          Peoarray: tong        });        break;      case 'ce':        this.setData({          Peoarray:ce        });        break;    }    this.setData({      index: e.detail.value,    })    chooseNumOne = parseInt(e.detail.value) + 1;    console.log(chooseNumOne);    console.log(Peoarray)  }
附:小程序对于变量调用这块很严格,page里面data的内容都不能在后面的bind动作里调用,需要调用的变量必须写在最外面,作为全局变量。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎