微信小程序页面间传值与页面取值操作实例分析

本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考，具体如下：

微信小程序页面间传值

1.js页面间的传值：url: ' 路径 ? 值='+ 获取该页面取值,

实例1：

pageSkip :function(){
wx.navigateTo({
url: '/page/login/facte?shopsName='+this.data.shopsName,
})
},

实例2：

pageSkip :function(){
wx.navigateTo({
url: '/page/index/poer?sid=2 & shopsName='+this.data.shopsName,
})
},

实例3：

pageSkip :function(){
wx.navigateTo({
url: '/page/index/poerIndex?sid=2 & shopsName='+this.data.shopsName+'&goodsId='+thi.data.goodsId,
})
},

2.wxml里的传值：url=" 页面路径 ? 值=获取该页面值"

实例4：

<navigator url="/pages/admin/goodsOrder?orderNo={{item.NO}}"
open-type="navigate">

实例5：

<navigator url="/pages/admin/goodsOrder?orderNo={{item.NO}}&num=5"
open-type="navigate">

微信小程序页面取值

微信小程序js接受页面传值的方法：

1.本页面参数名为局部变量：onLoad: function (options) { var 本页面参数名=options.上一传值页面参数名},

实例：

onLoad: function (options) {
var shopsName=options.shopsName
},

2.本页面参数名为全局变量：onLoad: function (options) { 本页面参数名=options.上一传值页面参数名},

实例：

onLoad: function (options) {
this.data.shopsName=options.shopsName
},

注：无论上一页面是通过js传值还是通过wxml传值，本页面取值方法都如上。

希望本文所述对大家微信小程序开发有所帮助。

您可能感兴趣的文章:

• 微信小程序 页面传值详解
• 微信小程序实现页面跳转传值以及获取值的方法分析
• 微信小程序中子页面向父页面传值实例详解
• 微信小程序 页面跳转如何实现传值
• 微信小程序 页面跳转传值实现代码
• 微信小程序实现页面跳转传值的方法
• 微信小程序页面传值实例分析
• 微信小程序实现两个页面传值的方法分析
• 微信小程序实现同一页面取值的方法分析