列表页跳转加渲染

1. 导航动态路径

toDetail(event) {
    console.log(event)
    let index = event.currentTarget.dataset.index;
    wx.navigateTo({
      url: '/pages/detail/detail?index=' + index
    })
  }

2. 每个被渲染列表动态获取index

<block wx:for="{{listArr}}" wx:key="index">
    <view catchtap="toDetail" data-index="{{index}}">
      <template is="listTmp" data="{{...item}}"></template>
    </view>
  </block>

3. 在被导航到页通过传入的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

来源：CSDN

作者：希望至上

链接：https://blog.csdn.net/weixin_43844975/article/details/103796350