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


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 HashTable
Jan 22 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
javascript实现移动端上传图片功能
Aug 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
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
PHP数组编码gbk与utf8互相转换的两种方法
2016/09/01 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
2016/01/27 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
Python匹配中文的正则表达式
2016/05/11 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
娱乐地球:Entertainment Earth
2020/01/08 全球购物
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
六道php面试题附答案
2014/06/05 面试题
一个SQL面试题
2014/08/21 面试题
九州传奇上机题
2014/07/10 面试题
有模特经验的简历自我评价
2013/09/19 职场文书
小学老师寄语大全
2014/04/04 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
入职担保书怎么写
2014/05/12 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript