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


Posted in Javascript onApril 30, 2019

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

微信小程序页面间传值

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 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
javascript Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
Sep 22 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 #Javascript
微信小程序常用赋值方法小结
Apr 30 #Javascript
微信小程序实现同一页面取值的方法分析
Apr 30 #Javascript
一百行JS代码实现一个校验工具
Apr 30 #Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 #Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 #Javascript
VSCode使用之Vue工程配置eslint
Apr 30 #Javascript
You might like
用PHP连接MySQL代码的参数说明
2008/06/07 PHP
php miniBB中文乱码问题解决方法
2008/11/25 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
小程序api实现promise封装过程解析
2019/11/21 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
Python 获得13位unix时间戳的方法
2017/10/20 Python
python将字符串转换成json的方法小结
2019/07/09 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
联想新西兰官方网站:Lenovo New Zealand
2018/10/30 全球购物
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
Groupon西班牙官方网站:在线优惠券和交易,节省高达70%
2021/03/13 全球购物
研究生自荐信
2013/10/09 职场文书
思想专业自荐信范文
2013/12/25 职场文书
2014年电工工作总结
2014/11/20 职场文书
发布会邀请函
2015/01/31 职场文书
女儿满月酒致辞
2015/07/29 职场文书
中学校园广播稿
2015/08/18 职场文书
python中sys模块的介绍与实例
2021/04/17 Python