微信小程序wx.navigateTo传给子页面参数(单个参数、多个参数)

news/2024/7/20 3:34:39 标签: 微信小程序, javascript, 小程序

页面跳转

<button bindtap="goNext">跳转到新页面</button>
javascript">goNext(){
    wx.navigateTo({
      url: '/pages/second/second', //页面路径
    })
  },

传参

javascript">goNext() {
    wx.navigateTo({
		url: '/pages/second/second?id=2',
    })
  },

子页面接收

javascript">onLoad(options) {
    const id= options.id;
    console.log(id);
}

传多个参数

javascript">goNext() {
    wx.navigateTo({
		url: '/pages/second/second?id=2&title=shaka',
    })
  },

子页面接受

javascript">onLoad(options) {
    const id= options.id;
    console.log(id);
    const title = options.title;
    console.log(title);
}

动态传参

假设值是后端传过来的动态的值

<button bindtap="goNext" data-id="{{item.id}} data-title="{{item.title}}">跳转到新页面</button>
javascript">  goNext(event) {
    const id= event.currentTarget.dataset.id;
    const title =  event.currentTarget.dataset.title;
    wx.navigateTo({
    //可以使用模板字符串拼接变量
      url:`/pages/second/second?id=${id}&title=${title}`
    })
  },

http://www.niftyadmin.cn/n/471357.html

相关文章

周赛351(模拟、枚举答案、乘法原理+双指针(隔板问题)、栈的应用)

文章目录 周赛351[2748. 美丽下标对的数目](https://leetcode.cn/problems/number-of-beautiful-pairs/)模拟O(10n)做法 [2749. 得到整数零需要执行的最少操作数](https://leetcode.cn/problems/minimum-operations-to-make-the-integer-zero/)枚举答案 [2750. 将数组划分成若干…

ffmpeg mp4 加解密

视频加密 ffmpeg -i decryption.mp4 -vcodec copy -acodec copy -encryption_scheme cenc-aes-ctr -encryption_key c7e16c4403654b85847037383f0c2db3 -encryption_kid a7e61c373e219033c21091fa607bf3b8 encryption.mp4视频解密 播放 ffplay -i encryption.mp4 -decryptio…

数据库监控与调优【五】—— OPTIMIZER TRACE详解

OPTIMIZER TRACE详解 TIPS 本文基于MySQL 8.0编写&#xff0c;理论支持MySQL 5.6及更高版本。 OPTIMIZER_TRACE是MySQL 5.6引入的一项跟踪功能&#xff0c;它可以跟踪优化器做出的各种决策&#xff08;比如访问表的方法、各种开销计算、各种转换等&#xff09;&#xff0c;并将…

git介绍和安装/git,github,gitee,gitlab区别/git使用流程/ git常用命令/git忽略文件

git介绍和安装 # 版本管理软件-1 对代码版本进行管理---》首页功能完成---》课程功能完成---》可以回退到某个版本-2 协同开发--》多人开发--》合并代码---》可能会有冲突&#xff0c;解决冲突# 版本管理软件&#xff1a;主流就两个-git&#xff1a;现在用的最多&#xff08;学…

C#版本的按键精灵,全局键盘鼠标事件

代码参考&#xff1a; using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading; using System.Threading.Tasks; using System.Windows.For…

[Orin Nx] 如何跑满GPU和CPU,观察温度和散热性能?

1、环境说明 硬件: Nvidia Orin NX 16GB 软件&#xff1a;Jetson Linux R35.3.1 2、工具安装部署 GPU的压力测试主要使用工具&#xff1a; https://github.com/anseeto/jetson-gpu-burn CPU的压力测试主要使用工具 stress 注意安装 jetson-gpu-burn需要在 /etc/apt/sourc…

C++的access()函数

文章目录 函数功能头文件函数原型参数说明示例 函数功能 确定文件是否存在或者判断读写执行权限&#xff1b;确定文件夹是否存在即&#xff0c;检查某个文件的存取方式&#xff0c;比如说是只读方式、只写方式等。如果指定的存取方式有效&#xff0c;则函数返回0&#xff0c;否…

【Java】JVM学习(二)

JVM的内存区域 运行时数据区域 运行时数据区的定义&#xff1a; Java虚拟机在执行Java程序的过程中会把它所管理的内存划分为若干个不同的数据区域 Java 引以为豪的就是它的自动内存管理机制。相比于 C的手动内存管理、复杂难以理解的指针等&#xff0c;Java 程序写起来就方…