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

微信小程序点击获取页面循环列表的数据

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

最近接触了小程序,和以前的一些js的框架不一样的是,当页面绑定一个方法时,这里不会带参数,如下所示:view class=”page”    view class=”page__bd”        view class=”weui-grids”            block wx:for=”{{list}}”                navigator wx:if=”{{item.parentId!=1}}” class=”weui-grid” hover-class=”weui-grid_active”                 url=”” bindtap=’navigateToPage’ id='{{item.id}}’ data-name='{{item.name}}’ data-showType='{{item.showType}}’                    image class=”weui-grid__icon” src=”{{url}}{{item.image}}” /                    view class=”weui-grid__label”{{item.name}}/view                /navigator             /block        /view    /view/view这里使用了一个for循环:wx:for循环一个列表,绑定了一个方法叫navigateToPage,展示为九宫格的形式:这里使用navigator url=””navigator的形式,本来如果这些图片都是跳转到一个页面的话,只要url的参数不一致就可以了。但是这里需要判断每张图片的类型,从而点击之后跳转到不一样的界面,需要在navigateToPage方法中取到每张图片的名称和类型值,这时候需要给每一项设置一个data-**属性,星号部分自定义名称即可 :我这里需要元素的坐标 data-name='{{item.name}}’     data-showType='{{item.showType}}’这样在点击的时候就可以通过获取 e.currentTarget.dataset.name 来获取到name的值了 代码如下: navigateToPage:function(e){    var id = e.currentTarget.id    var name = e.currentTarget.dataset.name    var showType = e.currentTarget.dataset.showtype    console.log(showType)    if (showType==’1′){      wx.navigateTo({        url: ‘../userForm/userForm?id=’+id+’&name=’+name ,      })     }    else if (showType == ‘pass’){      wx.navigateTo({        url: ‘../userPass/userPass’,      })    }else{      wx.navigateTo({        url: ‘../userList/userList?id=’ + id + ‘&name=’ + name+’&showType=’+showType,      })    }  },

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

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏