微信小程序开发
程序员文章站
2022-06-11 17:07:27
...
微信小程序开发
1.不同页面之间传输数据的问题
(1)可以在app/js中设置全局变量
globalData: {
userInfo: null,
host:‘123’
}
变量名自己定义,然后需要改变值得时候,例如:需要调用 js中获取APP 对象
const app = getApp() ; setData({app.global.host:“123”})来设置变量的值
(2)可以将要传输的数据同步保存
show() {
wx.setStorageSync(key, value),其中key值为唯一的标识号,用于区分其它不同的数据缓存,value是要把保存的数据对象,可以是字符串或者其他的json对象。
然后,调用下面的navigato 方法进行页面跳转,其中页面跳转的方式一共有四种,自己可以上微信小程序开发文档进行查看 。
wx.navigateTo({
url: '/page/hao/just'
})
},
在跳转到页面中,需要把保存的数据提取出来,然后把之赋给再页面显示的对象,其中核心方法为
data: {
title:wx.getStorageSync(‘key’),//即可获取数据
our:wx.getStorageSync(‘text’),
},
需要提醒一点:保存表单数据的时候,保存的是一个json对象,需要用如下方法进行保存和获取
bindFormSubmit(e) {
console.log(e.detail.value);//e.detail.value 用于提取表单所有元素的数据
wx.setStorageSync(‘text’, e.detail.value);
console.log(wx.getStorageSync(‘text’));
wx.navigateTo({
url: ‘/pages/text/text’
})
}
需要注意的是提起以上每一个元素的具体的值时,需要在 e.detail.value.+name
这个name是表单元素自己设置的name 例如: just:wx.getStorageSync("text").textarea2