个人博客 个人博客
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

董先亮

前端react开发
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Taro

    • 获取用户信息
    • 开发常见问题
    • 页面间通信
    • taro-vue实现样式穿透
    • 小程序服务通知
    • taro实现上拉下拉
    • taro转app
    • 设计稿尺寸选择
  • uni

  • 小程序
  • Taro
NeverStop1024
2023-02-08

页面间通信

页面A

  Taro.navigateTo({
    url:`/pages/B`,
    events: {
      // 页面B触发了changeSelect事件,在这里进行接收
      changeSelect(data){
        console.log('页面B发送过来的数据',data)
      }
    },
    // 页面跳转成功后,回执行success
    success: function (res) {
      // 触发getUpperData事件,并传值
      res.eventChannel.emit('getUpperData', {
        selected:['1','2'],
      })
    }
  })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

页面B

const pages = Taro.getCurrentPages()
const current = pages[pages.length - 1]
const eventChannel = current.getOpenerEventChannel()

// 触发事件changeSelect,并传值
eventChannel.emit('changeSelect', {selected: ['1','4','5']});

// 页面A跳转成功后,触发了getUpperData,在这里进行接收
eventChannel.on('getUpperData',(res)=>{
  console.log('页面A发送来的数据',res)
})
1
2
3
4
5
6
7
8
9
10
11
编辑 (opens new window)
上次更新: 2023/02/08
开发常见问题
taro-vue实现样式穿透

← 开发常见问题 taro-vue实现样式穿透→

最近更新
01
mock使用
07-12
02
websocket即时通讯
07-12
03
前端面试题
07-09
更多文章>
Theme by Vdoing | Copyright © 2022-2023 NeverStop1024 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式