浅谈小程序中页面间传递值的两种方法(微信小程序传递值的方法)

本文介绍了微信小程序中页面间值传递的两种方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

一:url是带参数传递的

就像前端语言一样，小程序页面之间的传递可以通过给路由url附加参数来完成，参数会随着路由一起传递到新页面。

index.wxml:

lt！--index.wxml--> ltview class = 容器 gt lt！--使用导航组件-->: lt；导航器url = ../demo/demo？Title=参数传递" gtTitle=参数传递

//pages/demo/demo . jspage({ data:{ title: # 39；'}、onload:function(options){ console . log(options)//Print options，可以看到title的值可以获取到this . setdata({ title:options.title//assign值到页面中的标题})}，}) demo.wxml

lt！--pages/demo/demo . wxml -- gt； lt查看class = # 39集装箱 # 39； gt{ { title } } lt/view gt；效果图:

其次，将值存储在全局变量中。

我们还可以将所需的值存储在全局变量中，并在需要的地方直接引用它们。

app.js

//app . jsapp({ global data:{ } })index . wxml

lt！--index.wxml--> lt！--点击触发goto_demo函数-->: lt；view class = 容器 bindtap = # 39goto _ demo # 39 gtTitle=参数传递

//index.js//获取应用实例constapp = getapp()page({ data:{ title: # 39；参数传递 # 39；}，goto _ demo:function(){ app . global data . title = this . data . title wx . navigate to({ URL: # 39；../demo/demo # 39；，}) }})demo.js

// pages/demo/demo.js//获取应用实例constapp = getapp()page({ data:{ title: # 39；'}、onload:function(options){ console . log(app . global data . title)//print options，可以看到title的值可以得到this . setdata({ title:app.globaldata.title//assign一个值到页面中的标题}})。当需要使用全局变量时，记得先获取应用程序实例:const app = getApp()

效果图同上。

相关学习推荐:小程序开发教程以上是小程序中页面间传递值的两种方法的详细介绍。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• applet中页面间价值转移的两种方法（applet价值转移）

本文由主机参考刊发，转载请注明：浅谈小程序中页面间传递值的两种方法(微信小程序传递值的方法) https://zhujicankao.com/78344.html