微信小程序> 小程序列表条目点击

小程序列表条目点击

浏览量:974 时间: 来源:k_every

(一)小程序集成Bmob作为数据存储
(二)小程序中Flex布局
(三)小程序使用高德地图获取地理位置
(四)小程序列表条目点击
(五)小程序下拉刷新、上拉加载
(六)小程序总结

每个项目列表是必不可少的,有了列表就要点击列表条目左一些操作,我这里是点击条目获取到位置传给上一页(add页)并显示

1  .wxml代码

view class='address'view wx:for="{{addressArr}}" wx:key="" data-id='{{index}}' bindtap='itemOnclick' class='view-item'text class='text'{{item.address.name}}/textview class='line'/view/view/view

data-id=’{{index}}'标记了列表的下角标

2  .js代码

  itemOnclick: function (e) {       var index = e.currentTarget.dataset.id;    //获取当前页面信息栈    var pages = getCurrentPages();    //获取上一个页面信息栈(add页面)    var prevPage = pages[pages.length - 2]//给上一个页面的address赋值    prevPage.setData({ "address": this.data.addressArr[index].address.name });    prevPage.setData({"onclick":true})    //关闭当前页面,返回上一个页面    wx.navigateBack();    console.log(this.data.addressArr[index].address.name)  },

var index = e.currentTarget.dataset.id; 这里的index就是点击条目的角标,
源码下载

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎