欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-10-28 20:57:52
本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考,具体如下: 微信小程序页面间传值 1.js页面间的传值:url: ' 路径 ? 值='+...

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

微信小程序页面间传值

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传值,本页面取值方法都如上。

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