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


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 相关文章推荐
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
Vue学习之常用指令实例详解
Jan 06 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
Laravel框架之解决前端显示图片问题
2019/10/24 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
js DOM的学习笔记
2011/12/22 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
python线程、进程和协程详解
2016/07/19 Python
tornado 多进程模式解析
2018/01/15 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
利用python Selenium实现自动登陆京东签到领金币功能
2019/10/31 Python
django 外键创建注意事项说明
2020/05/20 Python
Python 串口通信的实现
2020/09/29 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
社团活动策划书范文
2014/01/09 职场文书
上班玩游戏检讨书
2014/02/07 职场文书
会计个人实习计划书
2014/08/15 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
Python的flask接收前台的ajax的post数据和get数据的方法
2021/04/12 Python
python编写五子棋游戏
2021/05/25 Python
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android