全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[阜新seo公司找久澳]微信小程序多列选择器range-key的使用

  这篇文章主要为大家详细介绍了微信小程序多列选择器range-key的使用方法△•▲◁,石家庄市小程序开发哪家好具有一定的参考价值,[阜新seo公司找久澳]感兴趣的小伙伴们可以参考一下

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

  

 

  

<▷◇■;picker mode="★●▽▷;multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="=○▲;bindMultiPickerColumnChange2" value="{{multiIndex}}" range="▼●★▼;{{objectMultiArray}}"●…▲●; range-key="{{'■★▪;name'}}"◆●;>■▷;
 <view class="picker">●○▼◁;
 当前选择:{{objectMultiArray[0][multiIndex2[0]].name}}☆●◁,{{objectMultiArray[1][multiIndex2[1]].name}}
 </view>
<▽▷▽●;/picker>

 

  

 

  

Page({
 /**
 * 页面的初始数据
 */
 data●◆-: {
 objectMultiArray: [
 [
 {
 id: 0-○••,
 name▪●□△: '无脊柱动物'
 }★◁◆○,
 {
 id: 1◇□,
 name: '…◁▪◇;脊柱动物'
 }
 ], [
 {
 id▷-★=: 0☆☆,
 name◆=▷□: '○■;扁性动物'
 }◆○■•,
 {
 id: 1,
 name: '线形动物'
 }▷-☆,
 {
 id: 2-■◆,
 name■◁◁▼: '■☆▼;环节动物'▲◇;
 },
 {
 id▷□: 3,
 name: '软体动物'☆◁▽▪;
 },
 {
 id: 3,
 name: '节肢动物'
 }
 ]
 ],
 multiIndex2: [0, 0],
 }◇=•,
 bindMultiPickerChange2: function (e) {
 console○◆…◁.log('picker发送选择改变,[济南高端seo外包公司]vue项目和微信小程序之间有何异同?!携带值为'●•□;•●, 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◆▲: '▪●;软体动物' },
 { id•▲□: 3, name…◁■: '节肢动物'□▽△◁; }
 ];
 // data…▷▲.multiArray[2] = ['猪肉绦虫', '吸血虫'];
 break;
 case 1◁▽-:
 data▷=.objectMultiArray[1] = [
 { id◁▼◆●: 0, name: '鱼' }●…•,
 { id: 1, name=-▽■: '△=▷;线形两栖动物' },
 { id: 2, name•…=▼: '爬行动物'△•; }
 ];
 break;
 }
 data••★.multiIndex2[1] = 0;
 // data.multiIndex[2] = 0;
 break;
 }
 this.setData(data)◁▼□;
 }
})

 

  请记得点赞额!!!合作市小程序制作公司

  以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网◆◁!

  相关推荐▷□○:

  微信小程序中UI与容器组件的介绍
 

  微信小程序三级联动选择器的使用方法
 

  微信小程序 开发之全局配置的介绍
 

  

 

  以上就是微信小程序多列选择器range-key的使用的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[阜新seo公司找久澳]微信小程序多列选择器range-key的使用

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。