时间:2021-05-18
本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考,具体如下:
需求:发送页面通过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();希望本文所述对大家微信小程序开发有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序页面传值实例分析最近组里开发小程序,遇到了一个前端亘古不变的话题:页面传值刚开始使用路径传参解决,但是众所周知:各浏览器HTTPGet请求URL最大长
微信小程序页面跳转如何实现传值(1)页面跳转如何传值(实现跳转到不同页面)点击页面WXML:加入自定义属性(data-category="{{categoryT
本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考,具体如下:微信小程序页面间传值1.js页面间的传值:url:'路径?值='+获取
本文实例讲述了微信小程序实现页面跳转传值以及获取值的方法。分享给大家供大家参考,具体如下:在安卓中页面跳转传值都是通过bundle,现在研究一下小程序的列表跳转
微信小程序传参:实现效果图:微信小程序在两个之间传参类似js传递url拼接参数,举个例子来说吧input自己设置参数//index.wxml给自己起个名字吧确定