主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文介绍微信小程序中页面间价值转移的两种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
一:带参数传递的url
与前端语言一样,小程序页面之间的传输可以通过将参数附加到路由url来实现,同时,参数将被传输到新页面。
index.wxml:
& lt!--index . wxml --& gt;& lt视图class = & 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容器"bindtap = & 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()。
效果图同上。
相关学习推荐:小程序开发教程
这几篇文章你可能也喜欢:
- 微信小程序翻译功能上线:现已支持18种语言
- 如何使用微信小程序中的车牌号输入法(如何使用微信小程序中的车牌号输入法进行打印)
- 微信小程序无法获取位置信息怎么办?(微信小程序无法获取位置信息)
- 微信小程序如何实现九宫格跳(如何在小程序中配置九宫格抽奖)
- 如何调节微信小程序的亮度?
本文由主机参考刊发,转载请注明:applet中页面间价值转移的两种方法(applet价值转移) https://zhujicankao.com/113472.html
评论前必须登录!
注册