IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信原生小程序:wx.navigateTo的带参(对象)跳转 -> 正文阅读

[移动开发]微信原生小程序:wx.navigateTo的带参(对象)跳转

?图一的页面重要的代码时下一步的事件,如下

   handleGoodsReturn() {
                if (this.data.checkedGoods.length) {
                    const { recycleOrderEntryList } = this.data.orderInfo;
                    let orderInfo = this.data.orderInfo;
                    let checkedGoods = this.data.checkedGoods;

                    let recycleOrderType = this.data.orderInfo.recycleOrderType;
                    let vendorIdByTran = this.data.orderInfo.vendorIdByTran;
                    let that = this;
                    if (this.data.checkedGoods.length === recycleOrderEntryList.length) {
                        wx.showModal({
                            title: "提示",
                            content: "是否全部退回,该订单采购流程将被终止!",
                            success(res) {
                                if (res.confirm) {
                                    wx.navigateTo({
                                        url: "pages/package-purchase/pages/purchase-things/return-goods/back/index",
                                        success(e) {
                                            e.eventChannel.emit("onApprove", orderInfo);
                                            e.eventChannel.emit("checkedGoods", checkedGoods);
                                        },
                                        events: {},
                                    });
                                }
                            },
                        });
                    } else {
                        wx.navigateTo({
                            url: "/pages/package-purchase/pages/purchase-things/return-goods/back/index",
                            success(e) {
                                e.eventChannel.emit("onApprove", orderInfo);
                                e.eventChannel.emit("checkedGoods", checkedGoods);
                            },
                            events: {},
                        });
                    }
                } else {
                    Toast.error("请选择要退回的商品");
                }
            },

以上代码的重点在于传值,使用了e.eventChannel.emit,传送中,orderInfo为复杂对象

那看看图二页面是如何接收的

 onLoad() {
            const eventChannel = this.getOpenerEventChannel();

            eventChannel.on("onApprove", (data) => {
                this.setData(
                    {
                        orderInfo: data,
                        recycleOrderType: data.recycleOrderType,
                        suName: data.vendorIdByTran,
                    },
                    () => {
                        this.getParamsDictionary();
                    }
                );
            });
            eventChannel.on("checkedGoods", (data) => {
                this.setData({
                    checkedGoods: data,
                });
            });
        },

既然能够接收到,那就再进行赋值就好了。就已经能够达到该需求了?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-05-08 08:15:26  更:2022-05-08 08:15:57 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 0:26:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码