当前位置: 首页> 娱乐> 明星 > 重庆安全员c证查询官网_石家庄官网制作_常用的网络营销方法及效果_百度在线识图查图片

重庆安全员c证查询官网_石家庄官网制作_常用的网络营销方法及效果_百度在线识图查图片

时间:2025/7/15 6:56:05来源:https://blog.csdn.net/lwf3115841/article/details/147202331 浏览次数:1次
重庆安全员c证查询官网_石家庄官网制作_常用的网络营销方法及效果_百度在线识图查图片

开发小程序,总是避免不了页面和页面之间数据共享,实现方法有很多种,以下就讲解一下小程序页面传值,需要的朋友可以参考下。

1 使用wx.navigateTo()传值

这种传值方式有两种,

  • url后面拼接传值:需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2'
  • events页面间通信接口:用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。

1.url后面拼接传值

wx.navigateTo({url: 'test?id=1',
})

 test页面接收数据

Page({onLoad: function(option){console.log(option.query)}
})

2.events页面间通信接口

wx.navigateTo({url: 'test',events: {},success: function (res) {res.eventChannel.emit('goTest', { data: {id:1,content:'hello word'} })}
})

 test页面接收数据

Page({onShow: function () {let that = thisconst eventChannel = that.getOpenerEventChannel()eventChannel.on('goTest', function (data) {console.log(data)})},
})

 3,数据缓存

利用微信提供的wx.setStorage()wx.setStorageSync()wx.getStorage()wx.getStorageSync()等API

当前页传数据,为确保数据已经进入缓存,最好用同步

wx.setStorageSync('data', {data:"数据"})

目标页,在需要用的地方获取

let data= wx.getStorageSync('data')

 4,页面栈传值

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。

let pages = getCurrentPages();
console.log(pages)

 查看log

需要修改数据的页面 

currPage = pages[pages.length - 1]
currPage.setData({data:'hello word'
})

 

注意:

  • 不要尝试修改页面栈,会导致路由以及页面状态错误。
  • 不要在 App.onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

5,app.js保存全局属性

app.js配置全局属性

globalData: {userInfo: null
}

 需要使用的页面

const app = getApp()
let userInfo = app.globalData.userInfo

 需要改变app.js的值

const app = getApp()
app.globalData.userInfo= "hello word"

 

关键字:重庆安全员c证查询官网_石家庄官网制作_常用的网络营销方法及效果_百度在线识图查图片

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: