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

 更新时间:2019年04月30日 11:35:04   作者:weixin_41991473  
这篇文章主要介绍了微信小程序页面间传值与页面取值操作,结合实例形式分析了微信小程序页面间传值及页面取值操作相关实现技巧与操作注意事项,需要的朋友可以参考下

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

微信小程序页面间传值

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

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

相关文章

  • JavaScript常用变量声明方式总结

    JavaScript常用变量声明方式总结

    JavaScript中有几种常用的变量声明,例如:var、let、直接赋值和const 属性,本文将为大家详细介绍一下这四种方式的具体使用,需要的可以参考一下
    2023-06-06
  • Object.keys方法实例详解

    Object.keys方法实例详解

    这篇文章主要介绍了Object.keys方法实例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • js,jquery滚动/跳转页面到指定位置的实现思路

    js,jquery滚动/跳转页面到指定位置的实现思路

    这篇文章主要介绍了如何通过js或jquery滚动/跳转页面到指定位置,需要的朋友可以参考下
    2014-06-06
  • javascript读取RSS数据

    javascript读取RSS数据

    javascript读取RSS数据...
    2007-01-01
  • javascript结合fileReader 实现上传图片

    javascript结合fileReader 实现上传图片

    FileReader具体支持哪些方法和事件,这里就不介绍了,有兴趣的可以去w3c官网上看看FileReader介绍,这里主要介绍一下FileReader常见应用,以及fileReader 实现上传图片示例分享。
    2015-01-01
  • 深入理解JavaScript系列(31):设计模式之代理模式详解

    深入理解JavaScript系列(31):设计模式之代理模式详解

    这篇文章主要介绍了深入理解JavaScript系列(31):设计模式之代理模式详解,代理模式使得代理对象控制具体对象的引用,代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些难以复制的东西,需要的朋友可以参考下
    2015-03-03
  • 微信小程序事件对象中e.target和e.currentTarget的区别详解

    微信小程序事件对象中e.target和e.currentTarget的区别详解

    这篇文章主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 浅析Javascript中“==”与“===”的区别

    浅析Javascript中“==”与“===”的区别

    这篇文章主要介绍了浅析Javascript中“==”与“===”的区别,非常的全面,这里推荐给小伙伴们
    2014-12-12
  • 微信小程序实现时间进度条功能

    微信小程序实现时间进度条功能

    这篇文章主要为大家详细介绍了微信小程序实现时间进度条功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JS获取地址栏参数的两种方法(简单实用)

    JS获取地址栏参数的两种方法(简单实用)

    这篇文章主要介绍了JS获取地址栏参数的两种方法(简单实用),小编给大家推荐使用第一种采用正则表达式获取地址栏参数的方法,此方法简单实用,对js获取地址栏参数相关知识感兴趣的朋友,一起学习吧
    2016-06-06

最新评论