微信小程序页面传值实例分析

最近组里开发小程序，遇到了一个前端亘古不变的话题：页面传值 @H_502_3@

刚开始使用路径传参解决，但是众所周知：@H_502_3@

所以觉得不靠谱。 @H_502_3@

研究了一下官网，发现有两种方式可以“比较优雅”地干这件事，当然不能和vuex/flux比。@H_502_3@

1.使用全局变量

在项目app.js中定义globalData @H_502_3@

在需要的地方使用： @H_502_3@

当然也可以随时赋值： @H_502_3@

效果：@H_502_3@

2.使用模板

根据官方介绍如下：@H_502_3@

首先定义模板,使用name属性@H_502_3@

接着，使用模板@H_502_3@

使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入，如： @H_502_3@

给item赋值以显示模板数据 @H_502_3@

这样就一下解决了页面传值问题@H_502_3@

后记：既然小程序可以使用ES6的所有特性，那么那个var that=this又是什么鬼？为何不能用箭头函数解决作用域问题？回头再试试。@H_502_3@

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！@H_502_3@ 原文链接：https://www.f2er.com/weapp/39885.html