微信小程序实现wxml视图向js传递参数的方法(点击view带参数进入js)

微信小程序实现wxml视图向js传递参数的方法(点击view带参数进入js),第1张

一: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      // 返回上一级页面。

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7870023.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存