欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序开发

程序员文章站 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
相关标签: 开发