宝哥软件园

微信小程序通过java后台传输的ID值进入不同页面

编辑:宝哥软件园 来源:互联网 时间:2021-12-11

微信小程序在写产品列表或者类似列表的时候会用到wx: for,但是这个有一个缺点就是不能通过一个指令进入不同的页面。如何进入不同的页面?一般后台会发送一个类似ID的值,我们可以根据这些值进入不同的页面。

如果从A页转到B页,A页是一些不同的列表,B页是A页的详细信息。

这是后台传来的列表数据的一部分,其中courseId显示courseId的值是不同的,所以我们可以根据这些不同的值进入不同的页面。

微信小程序通过java后台传的ID值进入不同页面(图1)

或者通过URL将这些courseId值发送到下一页。代码如下:

bindtap:函数(e){ let id=this . data . course list[e . CurrentTarget . dataset . pos]。courseId//获取列表索引值对应的courseId,赋wx . navigatetto({ URL : '././pages/trade/trade molecules/trade molecules?Id=' id//通过Url}将分配的Id传递到下一页}),因为wxml文件中有以下定义:

view class=' index-item-boxs ' wx 3360 for=' { {课程列表} } ' wx 3360 key=' { { items } } ' bind tap=' bind tap ' data-pos=' { { index } } '/view data-pos=' { { index }

实例化在onload函数中从URL传递的ID。设置数据代码如下:

这个。setdata ({position:options。ID})同时,在向B页传递参数时,将ID作为参数传递给B页。代码如下:

Varparams={id3360this。data.position//Remember认为这里不使用{ position : ' '。以后可以用在其他地方记录ID值。如果只用A跳转到B页,就不需要这一步了。列,如页面B跳转到页面C,可以添加到网址。代码如下:

Id=' that.data.position(只截取了一部分)

更多资讯
游戏推荐
更多+