首页 > 微信 > 详细

微信小程序开发之picker

时间:2020-05-04 18:43:27      阅读:70      评论:0      收藏:0      [点我收藏+]

一、绑定简单数组

通过bindChange控制index,使得当前选择值发生改变

示例1

data: {  
        Data: [‘A‘,‘B‘], 
        Index: 0,
    }
    
<picker class="picker" bindchange="bindChange" value="{{Index}}"  range="{{Data}}">
    <view >
      当前选择:{{Data[Index]}}
    </view>
</picker>

 二、绑定多维数组

通过bindChange控制index,使得当前选择值发生改变,value是真正想得到值,选择后通过index可获取并设置,name只是想显示的值,这里的id其实是index值。

这个方法经常会用到,因为我们要的实体id不会是顺序的012345...

示例2

data: {  
        Data: [{id:0,value:‘a‘,name:‘A‘ },{id:1,value:‘b‘,name:‘B‘ }], 
        Index: 0,
     currentId } <picker class="picker" bindchange="bindChange" value="{{Index}}" range="{{Data}}" range-key="name"> <view > 当前选择:{{Data[Index].name}} </view> </picker>

 

三、选择事件

设置对应的Index,才能看到选择的选项变化

bindChange: function (event) { 
    this.setData({
      Index:event.detail.value;

});
}

 

微信小程序开发之picker

原文:https://www.cnblogs.com/guohu/p/12827571.html

(0)
(0)
   
举报
评论 一句话评论(0
分享档案
最新文章
教程昨日排行
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!