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

picker,小程序picker解决方案

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

看完这篇就少了一个拦路虎前端代码:这里没有什么难点,就一个注意点就是当你的数组为二维数组的时候需要设置range-key=’你需要显示的字段名’value=”{{index}}”,这里的index就是数据的索引值,这个值的作用是显示数据的第几个值,比如这里是1,就会在你打开picker标签的时候,显示的就是数组索引为1的这个字段值viewview选择分类/viewpickervalue=”{{index}}”bindchange=’changes’range=”{{category}}”range-key='{{“name”}}’inputcursorSpacing=”20″value=”{{category[index].name}}”/input/picker/view现在我们来解决第一个难点1.怎么获取到循环数组的id这里应该会有很多人跟我开始一样,我设置一个自定义属性就可以了啊!当你调试的时候会发现,所有的id都是一样的,因为你自定义属性肯定会这样定义data-id=”{{category[index].id}}”,这里就是第一个坑了,你会发现你value的值是多少,那个id就全是这个索引的id,我们这样的方案宣告失败这里来介绍一下我自己的做法:我们就可以使用picker的本身属性,当点击picker时会触发bindchange这个事件,就会获取value这个值,下来我们将选择的这个value值保存起来,我们在将分类的数据保存到缓存中开始循环分类数据,判断当分类的索引值跟选择的value相等时,声明一个变量categoryindex,将分类数据的索引保存起来下来直接在分类数据拿到选择的分类id,保存到缓存中js代码:/author:咔咔address:陕西西安wechat:fangkangfk/changes:function(e){varnum=e.detail.value;console.log(‘选择了第’+num+’个’)wx.setStorageSync(‘index’,num);varcategoryData=wx.getStorageSync(‘categoryData’);for(vari=0;icategoryData.length;i++){if(i==num){varcategoryIndex=num;}}varcategoryId=categoryData[categoryIndex][‘id’];wx.setStorageSync(‘categoryId’,categoryId);this.setData({index:num,})},提交数据时处理:提交数据时获取分类id,存在时就直接使用,不存在的时候就是默认第一个即可,这样就成功的获取到了分类数据的idvarcategoryId=wx.getStorageSync(‘categoryId’);if(categoryId){varcategory_id=categoryId}else{varcategoryData=wx.getStorageSync(‘categoryData’);varcategory_id=categoryData[0][‘id’];}我们还需要在一次进入页面的时候让其显示使我们之前选择的数据这个index就是picker的value属性的值,这个值上边也说了是显示数据的索引值index这个缓存来自选择的时候保存的数据判断这个index这个是否存在,存在的话就直接将value的值设置成他既可以,反之就是默认0varcategoryIndex=wx.getStorageSync(‘index’);if(categoryIndex){this.setData({index:categoryIndex})}else{this.setData({index:0})}

E企盈系统专业开发:直播系统,直播平台系统源码,小程序,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » picker,小程序picker解决方案
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏