微信小程序navigator跳转及参数传递的方法

 更新时间:2023年11月16日 10:51:41   作者:属于码农的烟火  
这篇文章主要介绍了微信小程序navigator跳转及参数传递,在navigator中添加需要跳转的路径,如果需要带参,则在路径后面添加所要传递的参数以及值,需要的朋友可以参考下

微信小程序navigator跳转及参数传递

在navigator中添加需要跳转的路径,如果需要带参,则在路径后面添加所要传递的参数以及值.

在接收参数的页面JS中的data中定义要获取的值

用options获取页面跳转的参数并给data赋值

赋值后使用this.data.id即可调用上一个页面传递过来的参数

补充:

微信小程序-navigator 跳转url传递参数

使用方法说明

(1)传值:在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&…….)

(2)取值:options 是包含url地址中参数的对象,可以直接 点 获取。

扩展

JS获取web页面地址栏中的参数。

https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=%E5%8D%8E%E4%BC%81&*

//获取地址栏中的参数
function GetQueryString(name) {  
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");  
    var r = window.location.search.substr(1).match(reg);  
    if (r != null) {   
        return unescape(r[2]);  
    }  
    return null;  
}
GetQueryString('sourceid')//chrome-instant

到此这篇关于微信小程序navigator跳转及参数传递的文章就介绍到这了,更多相关小程序navigator跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 浅谈Webpack是如何打包CommonJS的

    浅谈Webpack是如何打包CommonJS的

    CommonJS是Node中的一种模块化规范,本文主要介绍了Webpack是如何打包CJS的,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 用js正确判断用户名cookie是否存在的方法

    用js正确判断用户名cookie是否存在的方法

    用cookie保存用户名,记录登录状态,如何正确判断该机用户cookie是否存在呢?下面有个不错的方法,大家可以参考下
    2014-01-01
  • js中json处理总结之JSON.parse

    js中json处理总结之JSON.parse

    parse是解析json数据多种方法中的其中一种。这篇文章主要介绍了js中json处理总结之JSON.parse,需要的朋友可以参考下
    2016-10-10
  • pageGroup.js实现分页功能

    pageGroup.js实现分页功能

    这篇文章主要为大家详细介绍了pageGroup.js实现分页功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 基于JavaScript代码实现随机漂浮图片广告

    基于JavaScript代码实现随机漂浮图片广告

    在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐
    2016-01-01
  • JS 精确统计网站访问量的实例代码

    JS 精确统计网站访问量的实例代码

    这篇文章介绍了JS精确统计网站访问量的实例代码,有需要的朋友可以参考一下
    2013-07-07
  • 小程序实现事件绑定的方法步骤

    小程序实现事件绑定的方法步骤

    本文主要介绍了小程序实现事件绑定的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • JS实现动态生成html table表格的方法分析

    JS实现动态生成html table表格的方法分析

    这篇文章主要介绍了JS实现动态生成html table表格的方法,结合实例形式分析了javascript针对数组数据的读取、遍历以及动态生成相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • JS中的回调函数(callback)讲解

    JS中的回调函数(callback)讲解

    回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码,这篇文章主要介绍了JS中的 回调函数(callback),需要的朋友可以参考下
    2022-12-12
  • 微信小程序开发之实现心情记事本

    微信小程序开发之实现心情记事本

    这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的心情记事本,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
    2023-01-01

最新评论