网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/5/8 浏览:3 次 )

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

微信小程序页面间传值

1.js页面间的传值:url: ' 路径 "htmlcode">

pageSkip :function(){
wx.navigateTo({
url: '/page/login/facte"htmlcode">
pageSkip :function(){
wx.navigateTo({
url: '/page/index/poer"htmlcode">
pageSkip :function(){
wx.navigateTo({
url: '/page/index/poerIndex" 页面路径 "

实例4:

<navigator url="/pages/admin/goodsOrder" 
open-type="navigate">

实例5:

<navigator url="/pages/admin/goodsOrder" 
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传值,本页面取值方法都如上。

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

上一篇:vue-router 前端路由之路由传值的方式详解
下一篇:vue2.0基于vue-cli+element-ui制作树形treeTable