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

​​​​

扫码体验

首页样式

语法

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

html 复制代码
<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 绑定点击事件
js 复制代码
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'接收数据

js 复制代码
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('dataFromList', function(data) {
      that.setData({
        detail: data.data.item
      })
      that.loadDetail()
    })
相关推荐
2501_915918414 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
说私域5 小时前
从品牌附庸到自我表达:定制开发开源AI智能名片S2B2C商城小程序赋能下的营销变革
人工智能·小程序
難釋懷5 小时前
第一个小程序
小程序
春哥的研究所5 小时前
可视化DIY小程序工具!开源拖拽式源码系统,自由搭建,完整的源代码包分享
小程序·开源·开源拖拽式源码系统·开源拖拽式源码·开源拖拽式系统
weixin_lynhgworld5 小时前
盲盒一番赏小程序技术实现方案:高并发与防作弊的平衡之道
小程序
今日热点7 小时前
小程序主体变更全攻略:流程、资料与异常处理方案
经验分享·微信·小程序·企业微信·微信公众平台·微信开放平台
鸭鸭梨吖11 小时前
微信小程序---下拉框
微信小程序·小程序
CRMEB定制开发12 小时前
CRMEB Pro版前端环境配置指南
前端·微信小程序·uni-app·商城源码·微信商城·crmeb
mon_star°14 小时前
搭建一款结合传统黄历功能的日历小程序
微信·微信小程序·小程序·微信公众平台
The_era_achievs_hero15 小时前
微信小程序91~100
微信小程序·小程序