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


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中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
Javascript SHA-1:Secure Hash Algorithm
Dec 20 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
javascript 限制输入脚本大全
Nov 03 Javascript
jquery插件qrcode在线生成二维码
Apr 26 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
关于微信小程序bug记录与解决方法
Aug 15 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 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 socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
详解Vue组件实现tips的总结
2017/11/01 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
详解用async/await来处理异步
2019/08/28 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
Python检测QQ在线状态的方法
2015/05/09 Python
简单实现python收发邮件功能
2018/01/05 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
python实现自动发送邮件
2018/06/20 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
详解anaconda安装步骤
2020/11/23 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
HTML5实现签到 功能
2018/10/09 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
函授本科毕业生自我鉴定
2013/10/16 职场文书
读书小明星事迹材料
2014/05/03 职场文书
小学语文教研活动总结
2014/07/01 职场文书
经典演讲稿开场白
2014/08/25 职场文书
就业协议书范本
2014/10/08 职场文书
技术员个人工作总结
2015/03/03 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
python turtle绘图
2022/05/04 Python
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL