全网整合营销服务商

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

免费咨询热线:15959292472

[榆林seo公司]微信小程序中range-key多列选择器的使用示例

  这篇文章主要为大家详细介绍了微信小程序多列选择器range-key的使用方法■△,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  本文实例为大家分享了微信小程序多列选择器的具体代码,凤城市小程序制作公司供大家参考,磐石市小程序制作公司具体内容如下

  

<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发送选择改变,彭州市小程序开发哪家好携带值为'▲★-▲;, e▽■=☆.detail△•…●.value)
 this=•○.setData({
 multiIndex2: e○◆.detail▽○●=.value
 })
 },
 bindMultiPickerColumnChange2: function (e) {
 console.log('▲=○;修改的列为', e☆-•○.detail.column, '◇□•★;,[宁德seo公司甄选久澳]ps文件超过2g保存不了怎么办[榆林seo公司]值为', 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);
 }
})

 

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

[榆林seo公司]微信小程序中range-key多列选择器的使用示例

您的项目需求

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