列表页跳转加渲染

  1. 导航动态路径
toDetail(event) {
    console.log(event)
    let index = event.currentTarget.dataset.index;
    wx.navigateTo({
      url: '/pages/detail/detail?index=' + index
    })
  }
  1. 每个被渲染列表动态获取index
<block wx:for="{{listArr}}" wx:key="index">
    <view catchtap="toDetail" data-index="{{index}}">
      <template is="listTmp" data="{{...item}}"></template>
    </view>
  </block>
  1. 在被导航到页通过传入的index切换activeObj实现对应展示
onLoad: function (options) {
    console.log(datas)
    let index = options.index;
    this.setData({
      activeObj: datas.list_data[index]
    })
  }

Tips
target 和 currentTarget
target: 点击的元素 event.target.dataset.index
currentTarget: 当前点击的元素 event.dataset.index

发布了31 篇原创文章 · 获赞 1 · 访问量 835

猜你喜欢

转载自blog.csdn.net/weixin_43844975/article/details/103796350