微信小程序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跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！