微信小程序常用的传值方式

2021-02-23 09:04发布

7条回答
听雨
2楼-- · 2021-02-23 09:21

一、storage

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


二、url传值

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

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

在跳转后的页面的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'


小磊子
3楼-- · 2021-02-23 10:58

一、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'


梵梵
4楼-- · 2021-02-23 15:27

一、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'


一个Ai
5楼-- · 2021-02-24 11:38

一、storage

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


二、url传值

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

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

在跳转后的页面的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'


我的网名不再改
6楼-- · 2021-02-24 13:54

记录小程序中常用的几种页面传值方式

一、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'


ban_gank
7楼-- · 2021-02-25 09:48

一、storage

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


二、url传值

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

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

在跳转后的页面的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'


夏虫语冰
8楼-- · 2021-02-27 20:05

一、storage

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

二、url传值

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

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

在跳转后的页面的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'