E企盈营销工具技术服务商 热线:4006-838-530

picker,微信小程序picker选择器从后台拿值

E企盈直播平台营销卖货系统

这种东西在项目中是很常见的,文档上有的demo我这里就不在重复一遍了,我现在说的是从后台拿到的数据,放在这个选择器里。后台返回的格式是这样的:我们要实现的样子是这样的:其实跟文档上介绍的普通选择器差不多,只是多了几个条件值,我们一起来看一下代码:主要看标红的这几个条件viewclass=’regPhonef’imagesrc=’../../images/regConTeam-Icon.png’class=’regCon-IconregSelect-Icon’/imageviewpickerbindchange=”bindCasPickerChange”range=”{{casArray}}”value='{{casArray[casIndex].Id}}’class=’regSelect’range-key=”{{‘Name’}}”inputclass=’selectInp’placeholder-class='{{place}}’placeholder=’请选择团队’name=’casArry’disabled=’false’value='{{casArray[casIndex].Name}}’//picker/viewimagesrc=’../../images/select-icon.png’class=’select-icon’/image/viewvalue='{{casArray[casIndex].Id}}’class=’regSelect’range-key=”{{‘Name’}}”inputclass=’selectInp’placeholder-class='{{place}}’placeholder=’请选择团队’name=’casArry’disabled=’false’value='{{casArray[casIndex].Name}}’//picker/viewimagesrc=’../../images/select-icon.png’class=’select-icon’/image/view/下拉框函数/bindCasPickerChange:function(e){console.log(‘乔丹选的是’,this.data.casArray[e.detail.value].Name)console.log(‘乔丹选的是’,this.data.casArray[e.detail.value].Id)this.setData({teamname:this.data.casArray[e.detail.value].Name,teamid:this.data.casArray[e.detail.value].Id})if(e.detail.value==4){this.setData({reply:true})}else{this.setData({reply:false})}this.setData({casIndex:e.detail.value})},.regSelect-Icon{float:left;}.row-wrap{width:80%;height:100%;float:left;margin-left:20rpx;}.regSelect{font-size:28rpx;position:relative;padding-top:18rpx;height:100%;}.selectInp{width:100%;font-size:28rpx;position:absolute;}.section{font-size:28rpx;margin-left:50rpx;margin-top:30rpx;}.f{position:relative;}.select-icon{position:absolute;width:30rpx;height:14rpx;right:40rpx;top:50%;margin-top:-7rpx;}.on{display:block}.off{display:none}.regConBtm{color:#11b3c2;font-size:26rpx;text-align:right;margin-top:20rpx;padding-right:20rpx;}想要获得更多资料的请微信搜索公众号【热血科技】,关注一下即可。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » picker,微信小程序picker选择器从后台拿值
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏