微信小程序实现两个页面传值的方法分析
时间:2018-12-11
这篇文章主要介绍了微信小程序实现两个页面传值的方法,结合实例形式分析了微信小程序URL跳转及页面传值相关操作技巧与注意事项,需要的朋友可以参考下
本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考,具体如下:
需求:发送页面通过url传值,接收页面获取值。
发送页面的js
var nowid='10'; wx.navigateTo({ url: '../index/index?id='+nowid, })
或者发送页面用navigate 组件:
<navigate url="xxx?id=10"></navigate >
如果id是page里面data的数据。是动态的,那么可以写成:
<navigate url="xxx?id={{pid}}"></navigate >
这种方式也是通过接收页面的onload
来获取id的
接收页面的js
在接收页面onload
的函数里就可以获取到值:
onLoad: function (options) { var _obj=options.id; console.log(_obj) }
(1) 接收页面获取到的 options 就是发送页面的 url 中 问号后面传过来的值
(2) 如果传过来的值是一个json对象,那么需要现在发送页面把这个对象JSON.Stringfy
转化成字符串,然后 接收页面 再使用JSON.parse
转化成json对象就行。
还有种方法是通过小程序的本地存储 wx.setStorage()
等API接口来实现-----》发送页面存入,接收页面在接受。当然,不需要的时候可以把存入的数据删掉
还有一种方式就是:在app.js中设置数据,然后其它页面在需要的时候,就可以通过 app.数据等形式来获取。当然,需要在接收数据的页面声明:
var app=getApp();
希望本文所述对大家微信小程序开发有所帮助。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- TF中Placement的最后一道防线——Placer
- 搭建简易的物联网服务端和客户端-ECharts数据显示(七)
- 搭建简易的物联网服务端和客户端-整合(八)
- 搭建简易的物联网服务端和客户端-Maibu显示(九)
- 搭建简易的物联网服务端和客户端-DCloud手机端(十)
- 整理了一份 Docker系统知识,从安装到熟练操作看这篇就够
- 搭建简易的物联网服务端和客户端-第一次增补(十一)
- 搭建简易的物联网服务端和客户端-第二次增补(十二)
- 使用jest进行单元测试
- 搭建简易的物联网服务端和客户端-数据库功能增加(十三)
- 分享一个关于Cookie做的实验结果
- LeetCode20|从上到下打印二叉树
- 搭建简易的物联网服务端和客户端-微博接口(十四)
- 一键帮你生成所需代码--EasyCode试试这个工具吧
- centos7.2安装MySQL