uni-app和微信小程序页面间数据(对象)的传递方法

左翰海
2023-12-01

说明:这里以页面间传递对象数据为例

1.uni-app中

(1)在根目录下新建一个目录global,再文件夹中新建一个index.js

let globalArray = []
export {globalArray}

(2)在需要保存对象数据的地方引入使用

import {globalArray} from '../../global/index.js'

globalArray.length = 0
globalArray.push({
    num:this.num,
    title:this.goodsDetail.title,
    item:this.skuItem
})

(3)在接收数据的页面引入全局变量接收全局变量

import {globalArray} from '../../global/index.js'

console.log(globalArray,"globalArray");

2.在微信小程序中

在app.js中定义全局数据,在需要使用该数据的页面获取app实例(const app = getApp())再点出就可以

3.在uni-app和微信小程序通用的方法

在传递数的页面中先将对象转为字符串,再拼接到跳转路径中

let data = JSON.stringify({
                    num:this.num,
                    title:this.goodsDetail.title,
                    item:this.skuItem
                })

uni.navigateTo({
                    url:`/pages/order/create?data=${data}`
                })

在接收数据的页面中,在onLoad函数中进行接收。要将字符串转回对象

onLoad(options) {
            this.skulistItem = JSON.parse(options.data)
        },
 类似资料: