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


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 相关文章推荐
JS调试必备的5个debug技巧
Mar 07 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
JS无缝滚动效果实现方法分析
Dec 21 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
Vee-Validate的使用方法详解
Sep 22 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
JavaScript JMap类定义与使用方法示例
Jan 22 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 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
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
浅析51个PHP处理字符串的函数
2013/08/02 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
php微信开发接入
2016/08/27 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
微信小程序 wxapp地图 map详解
2016/10/31 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
Python 自动刷博客浏览量实例代码
2017/06/14 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
python下载库的步骤方法
2019/10/12 Python
jenkins配置python脚本定时任务过程图解
2019/10/29 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
关于Theano和Tensorflow多GPU使用问题
2020/06/19 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
python 如何上传包到pypi
2020/12/24 Python
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
护士的岗位职责
2013/12/04 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
环保主题班会教案
2015/08/13 职场文书
2016国培学习心得体会
2016/01/08 职场文书
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android