微信小程序页面传值的几种方式总结

一、storage

wx.setStorage({key: "key",data: value})

通过getStorage回调方式获取data值，或者通过wx.getStorageSync(key) 同步获取key对应的data值

二、url传值
url传值也是经常都能用到的

1、url传递通过字符串拼接传递key=value形式的参数

wx.navigateTo({url: '/pages/index/index?id=1111111111&...',
})

在跳转后的页面的onLoad生命周期函数中接受一个options参数，可以通过console.log(options.id)获取到url传递的id值

2、url传递对象形式的参数
假设需要传递的参数形式为：{key,value,key2:value2}，这时候通过以上方式传递在option中打印出来会是一个object类型，([object object]) ,并不能真实获取参数。因此需要使用JSON.stringify()转化成json字符串再通过以上方式将参数传过去。页面中获取option的值，需要通过JSON.parse()转化成原本的json格式。

三、页面栈传值
小程序中wx.navigateBack()方法可以返回上级页面

var pages = getCurrentPages(); // 获取页面栈
var Page = pages[pages.length - 1]; //当前页
var prevPage = pages[pages.length - 2]; //上一个页面

通过prevPage.setData({ key: value})可以改变上一个页面的data内容，key为上一个页面data中的值，value为需要传递(改变)的值
通过wx.navigateBack({delta: 1}) 返回上级页面

四、获取、改变app.js中data的值
app.js中可以保存一个全局的属性，和storage类似
globalData是一个全局属性，里面声明的data值可以在所有页面中使用。
使用场景，存储用户信息、控制页面刷新

globalData: {userInfo: null
}

页面中的js需要const app = getApp() ，通过app.globalData.userInfo 获取globalData中userInfo的值，直接赋值即可修改： app.globalData.userInfo= ‘haha’

转载自：https://www.cnblogs.com/sevenbreey/p/10214345.html

微信小程序页面传值的几种方式总结相关推荐

微信小程序页面传值的几种方式
setStorage/getStorage(setStorageSync/getStorageSync)存储到缓存,在页面的onShow阶段绑定 wx.navigateTo({url: '-/page ...
微信小程序页面跳转三种方式
为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式. 页面跳转的话就涉及到了多个页面层级第一种:wx.navigateTo(OBJECT) 保留当前页面 ...
小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...
微信小程序——页面传值
微信小程序--页面传值 1.页面正向传值主要用于从页面A直接跳转到页面B时的传值. 通过url参数传值: //pageA wx.navigateTo({url: '/pages/pageB?page ...
微信小程序页面传值文本解密问题
微信小程序页面传值文本解密问题遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解 ...
vue用公共组件页面传值_微信小程序页面传值、组件间通信总结
小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验.对于微信小程序,前端开发应该不陌生,目前也是非常火,很多公司都会进行开发.对 ...
微信小程序---页面刷新的几种方法
话不多说,首先附上两个链接,表示感谢: 微信小程序如何刷新当前界面微信小程序----返回上一页刷新或当前页刷新要解决的问题:如下图所示,当点击立即借书成功之后,把请求回来的数据中的借书单数量显示到 ...
微信小程序页面跳转(三种方法)
方法1 对标签绑定点击事件 <view bindtap="clickMe" data-nid="123" data-name="SD" ...
微信小程序获取openid的两种方式
这篇文章是关于获取openid的两种方式,自己在学着用微信小程序来写一个小东西玩首先我们要到小程序官网获取到自己的appid和Appsecret 如图第一种:直接在微信小程序中获取,不需要通过后台 ...

微信小程序页面传值的几种方式总结

微信小程序页面传值的几种方式总结相关推荐

最新文章

热门文章