VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

applet中页面间价值转移的两种方法(applet价值转移)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » applet中页面间价值转移的两种方法(applet价值转移)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!