上一节已经顺利的完成了一个商品列表的展示了,非常开心,但是一个小程序不只有商品展示,还要根据选中的商品跳转至详情页面,并且在详情页面展示该商品的一系列具体信息,那么接下来就开搞。
这里我的步骤如下:
1.列表页面跳转绑定
2.跳转成功后接受参数
3.接受后如何展示详情
1.列表页面跳转绑定
其实做过html页面绑定的肯定都知道按钮onclick事件,就是当鼠标单击后触发的函数。那么由此我就幻想到,是不是小程序也有这样一个类似的事件,找了下资料果然有。
那就是bindtap这是相当于onclick事件
上图中,我在区域中绑定了一个函数名:navigateDetail 并且这个区域的数据aid是数组循环当前下标的id字段
接下来看看函数怎么写,这里很简单,和js一样
这样一个简单的传递参数就做好了。
2.跳转成功后接受参数
接下来,看看接收参数怎么做。
很简单的做法,在onload里面接收,接收的对象直接.传递名就能接收成功,然后再赋值给我定义的全局变量。
3.接受后如何展示详情
参数接收成功了,能清楚的了解到,传递过来的是某个商品的唯一标识ID,那么根据微信小程序提供的接口请求方式就可以将ID传递给接口,由接口来做查询并返回对应的json数据。
![](https://s4.51cto.com/images/blog/202012/04/bf9c422f42c24d1967b12fd57310de45.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)
基本上简单的传递参数查询,已经完成了,页面的丰富性就看个人水平了,一个小目标又完成了,下次继续研究一下个人呢授权登录,登录后的用户唯一性的存储问题。