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


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 smipleChart 简单图标类
Jan 12 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
Jul 17 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
vue配置font-awesome5的方法步骤
Jan 27 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
Feb 21 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
swiper实现导航滚动效果
Dec 13 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中引用符号(&amp;)的使用详解
2013/11/13 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
发现的以前不知道的函数
2006/09/19 Javascript
Prototype使用指南之enumerable.js
2007/01/10 Javascript
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
Jquery时间验证和转换工具小例子
2013/07/01 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
Python编程之event对象的用法实例分析
2017/03/23 Python
python简单线程和协程学习心得(分享)
2017/06/14 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
python简单验证码识别的实现方法
2019/05/10 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
酒店大堂副理的职责范文
2014/02/13 职场文书
国际商务专业求职信
2014/07/15 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript