首页 > 编程语言 >小程序 : 返回通过wx.navigateTo的event方法触发事件,传递回来数据

小程序 : 返回通过wx.navigateTo的event方法触发事件,传递回来数据

时间:2022-09-08 09:44:38浏览次数:77  
标签:navigateTo name age eventChannel detail data event wx

跳转 : 

// pages/11_learn_nav/index.js
Page({
  data: {
    name: "kobe",
    age: 30,
    message: "哈哈哈"
  },
  onNavTap() {
    const name = this.data.name
    const age = this.data.age

    // 页面导航操作
    wx.navigateTo({
      // 跳转的过程, 传递一些参数过去
      url: `/pages2/detail/detail?name=${name}&age=${age}`,
      events: {
        backEvent(data) {
          console.log("back:", data);
        },
        coderwhy(data) {
          console.log("why:", data);
        }
      }
    })
  }
})
// pages2/detail/detail.js
Page({
  onBackTap() {
    // 1.返回导航
    wx.navigateBack()

    // 3.方式二: 回调events的函数
    // 3.1. 拿到eventChannel
    const eventChannel = this.getOpenerEventChannel()

    // 3.2. 通过eventChannel回调函数
    eventChannel.emit("backEvent", { name: "back", age: 111 })
    eventChannel.emit("coderwhy", { name: "why", age: 10 })
  },
})

 

标签:navigateTo,name,age,eventChannel,detail,data,event,wx
From: https://www.cnblogs.com/qd-lbxx/p/16668384.html

相关文章

  • js - script标签的for属性和event属性
    js-script标签的for属性和event属性<scriptlanguage="javascript"for="window"event="onload">alert("helloword!");</script>//for属性指定脚本执行对象(给......
  • 对表白墙wxss的解释
    一、index.wxss1/*信息*/2.Xinxi{3display:flex;4flex-wrap:wrap;5margin:0rpx1%;6}789/*信息列表*/10......
  • 小程序 : wxs语法基本使用 -- 类似于过滤器
    第一步,创建wxs并导出functionformatPrice(price){return"¥"+price}functioncalcPrice(books){return"¥"+books.reduce(function(preValue,item)......
  • 对表白墙wxml文件解释
    1<viewclass="Beijingse"style="height:100%;">2<viewclass="Xinxi">3<viewclass="XinxiLiebiao"wx:for="{{yhxinxi}}">4<view......
  • 2022-09-07 wx.getLocation暂未配置在app.json且没有权限
    前言:昨晚提交了小程序审核,当即就被驳回了,原因是:wx.getLocation接口无权限,且没有在app.json中配置注:我的是wepy小程序解决方案:找到app.wpy,在里面添加代码如下:required......
  • Python-wxPython
    wxPythonPython中的图形用户界面开发库Tkinter是Python官方提供的图形用户界面开发库,用于封装TkGUI工具包.PyQt是非Python官方提供的图形用户界面开发库,用于封装......
  • 什么是event loop
    经常会被人问到你来谈一谈什么是eventloop,一开始我是一脸懵逼,慢慢的在网上看到很多贴子才明白是怎么回事.先看一段代码console.log(0)setTimeout(function(){......
  • 什么是 EventLoop ?
    EventLoop即事件循环,是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。事件循环的进程模型选择当前要执行的任务队......
  • JS事件循环(event loop)
    事件循环概述事件循环是用来实现异步特性的。事件循环中的几个概念:主线程:理解为同步任务的先进先出,一旦调用,同步任务就执行。执行栈:先入后出的数据结构,一个任务来......
  • GO语言自学_001_环境配置_windowx11_x64版本
    下载地址:https://golang.google.cn/1、看到那个下载按钮了么?点她!2、点击download到这个页面,根据电脑自身系统配置下载包。3、下载完毕后,运行.msi文件,一路next就可以......