小程序源码之古诗词-微信小程序数据传递给子页面

tonygellq

已于 2023-09-12 15:56:01 修改

阅读量194

点赞数

文章标签：微信小程序小程序

于 2023-09-12 15:50:59 首次发布

本文链接：https://blog.csdn.net/sinat_34496643/article/details/132833941

版权

扫码体验

首页样式

语法

讲列表页数据直接带到详情页面

<view class='box'  data-item='{{item}}' bindtap='goDetail'>
      <text class="poet">
        <text wx:for='{{item.paragraphs}}' wx:key='index' wx:for-item="pItem">{{pItem}}</text>
      </text>
</view>

bindtap 绑定点击事件


goDetail (e) {
    wx.navigateTo({
      url: `/pages/detail/detail?id=${e.currentTarget.dataset.id}`,
      success: function(res) {
        res.eventChannel.emit('dataFromList', {data: e.currentTarget.dataset})
      }
    })
}

通过
eventChannel.emit('dataFromList', {data: e.currentTarget.dataset})
讲数据发送给子页面

子页面通过eventChannel.on('dataFromList'接收数据

    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('dataFromList', function(data) {
      that.setData({
        detail: data.data.item
      })
      that.loadDetail()
    })