列表頁跳轉加渲染

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