一:url带参数传递
与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。
index.wxml:
效果图:
二:将值存入全局变量
我们同样可以将需要的值存入全局变量中,在需要的地方直接引用就好了。
需要用到全局变量时记得要先获取应用实例: const app = getApp()
**三, 用event传值
JS文件
在小程序开发中经常会用到跨页面传值,我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中,我们可通过var app=getApp(),获取到全局变量app,然后将需要传递的值赋值到全局变量中,如app.getID='18996759675'。此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量getApp()中之前存储的值,如phone:getApp().getId,随即取出了之前传递的值。
除了全局变量传值,我们还可以通过URL参数传值,URL参数传值的话,从上一个页面中传递某一个参数到编辑页面,以读取数据供填充之用
在读取页面实现onLoad(options)方法,从url路径中获取传递的参数值getId.
let userInfo = {...} //需要传递的参数,这里用对象举例。
let pages = getCurrentPages() //返回pages的所有信息;数组格式
let prevPage = pages[ pages.length - 2 ] //返回上一个页面的所有信息 上一级为-2
prevPage.setData({
user:userInfo //user为上个页面需要修改的数据,如data里面的数据,数据格式要对应。
})
wx.navigateBack({
delta:1 // 返回上一级页面。
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)