微信小程序跳转传值(微信怎样打开小程序)

前情:首先我们有这么一种需求,就是我在一个列表中点击了某个item,跳转到详情界面,那么我就需要把item的实体数据从列表页面传递到详情页面,那么我们来看看微信小程序给我们提供的API:先看api:这里大家可以清楚看到api中说到的如何传递参数,其实它这里指的参数仅仅是一些普通的数据类型具体分析:这里我们要传递的实体是object类型,那么我们需要先把实体转…

大家好,又见面了,我是你们的朋友全栈君。

前情:

首先我们有这么一种需求,就是我在一个列表中点击了某个item,跳转到详情界面,那么我就需要把item的实体数据从列表页面传递到详情页面,那么我们来看看微信小程序给我们提供的API:

 

先看api:

wx.navigateTo()

这里大家可以清楚看到api中说到的如何传递参数,其实它这里指的参数仅仅是一些普通的数据类型

 

具体分析:

这里我们要传递的实体是object类型,那么我们需要先把实体转成string类型进行传递,在详情页面接受到在逆向转成实体,如下面这段示例:

//这里我们跳转详情界面
queryItemClick: function (e) {
    var that = this
    //拿到点击的index下标
    var index = e.currentTarget.dataset.index
    //将对象转为string
    var queryBean = JSON.stringify(that.data.queryList[index])
    wx.navigateTo({
      url: '../queryResult/queryResult?queryBean=' + queryBean,
    })
}

这里我们用JSON.stringify()函数将实体转成string类型进行传递。

那么我们在看看接收参数:

//生命周期函数--监听页面加载
onLoad: function (options) {
    var that=this
    var queryBean = JSON.parse(options.queryBean);
    that.setData({
      queryBean: queryBean
    })
    //console.log(that.data.queryBean)
}

这里我们在生命周期函数onLoad中获取我们传递的实体转的字符串,然后用JSON.parse()转成实体,最后赋值给我们的全局变量。

如果我们想要传递Json对象 也可以通过这样的方式进行传递。

 

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,欢迎关注小编,一起涨知识。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/128795.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月12日 下午5:20
下一篇 2022年4月12日 下午5:20


相关推荐

  • 三次握手协议

    三次握手协议一 什么是三次握手协议 nbsp tcp ip 建立连接的过程 三次握手协议指的是在发送数据的准备阶段 服务器与客户端之间需要进行三次交互 具体过程如下 第一次握手 建立连接时 客户端向服务器发送一个 SYN 包 握手信号 并计入 SYN SENT 状态 等待服务器确认 第二层握手 服务器收到 SYN 包 必须确认客户端的 SYN 同时自己也发送一个 SYN 包 即 SYN ACK 包 接收到消息并响应 此 nbsp nbsp nbsp nbsp

    2025年8月28日
    6
  • 初识java——hello world(代码讲解很详细)[通俗易懂]

    初识java——hello world(代码讲解很详细)[通俗易懂]在每学一门语言之前我们首先要学会helloworld的的写法,下面我用java写了一个hello的输出以及每行代码的讲解;publicclasshelloworld{publicstaticvoidmain(String[]args){System.out.println(“helloworld!”);System.out.printf(“helloworld!!\n”);System.out.print(“hellow

    2022年5月28日
    206
  • c# 第14节 字符方法、转义字符、字符串的方法[通俗易懂]

    c# 第14节 字符方法、转义字符、字符串的方法

    2022年3月13日
    45
  • 新浪云服务器使用流程[通俗易懂]

    新浪云服务器使用流程[通俗易懂]注册背景:当我们进行微信公众号开发的时候,需要使用一个服务器跟微信的服务器链接,如果在本地搭建服务器默认情况下,本地服务器是不能被外网链接的;这样就需要去解决这个问题,解决的方案又两种:方案一:

    2022年8月3日
    9
  • 计算机网络协议层次图_ip协议位于网络什么层次

    计算机网络协议层次图_ip协议位于网络什么层次本文介绍了计算机网络的协议层次划分

    2022年10月2日
    7
  • Verdi基础知识整理

    Verdi基础知识整理Verdi 主要在以下方面使用 Verdi 使用情形 IC 验证工程师 Debug IC 设计工程师 Review 学习目标主要以下三方面 能够生成 fsdb 波形 能够查看 fsdb 波形 能够追踪 RTL 代码 生成 FSDB 波形三个变量 VERDI HOME NOVAS HOME 仿真器默认 且为设置 PATH 做准备 PATH 让系统 Linux 找到 verdiLD LIB

    2026年3月19日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号