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

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

一:带参数传递的url

与前端语言一样，小程序页面之间的传输可以通过将参数附加到路由url来实现，同时，参数将被传输到新页面。

index.wxml:

& lt！--index . wxml --& gt；& lt视图class = & quot容器&quot& gt& lt！--使用导航器组件--》；& lt导航器url = & quot../演示/演示？Title=参数传递“& gtTitle=参数传递

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

& lt！--页/demo/demo . wxml --& gt；& lt查看class = & amp#39;集装箱与运输公司。#39;& gt{ { title } } & lt/view & gt；渲染:

二:将值存储在全局变量中。

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

app.js

//app . jsapp（{ global data:{ } }）index . wxml

& lt！--index . wxml --& gt；& lt！--点击触发goto_demo功能--》；& lt视图class = & quot容器&quotbindtap = & amp#39;goto _ demo & amp#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:& amp；#39;../demo/demo & amp；#39;，}）} }）demo . js

// pages/demo/demo.js//获取应用程序实例constapp = getapp（）page（{ data:{ title:&；#39;& amp#39;}，onload:function（options）{ console . log（app . global data . title）//Print options，可以看到标题的值可以从this.setdata中获取（{ title:app.globaldata.title//assigning对页面中标题的一个值}）}）。当您需要使用全局变量时，请记住首先获取应用程序实例:const app = getApp（）。

效果图同上。

相关学习推荐:小程序开发教程

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

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

本文由主机参考刊发，转载请注明：applet中页面间价值转移的两种方法（applet价值转移） https://zhujicankao.com/113472.html