uniapp页面跳转传参接参

在uni-app中,页面间的跳转和传参是一个常见的需求。uni-app提供了多种页面跳转方式,如uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab、uni.navigateBack等,每种方式适用于不同的场景。DIY可视化简化了这些传参。

页面跳转并传参

找到点击事件,直接选择事件跳转页面,如果有扩展参数,直接在附加参数里增加传参,如果不需要传参则不理。如果需要redirectTo只需要附加参照增加上redirect=1。如果是reLanch加上reLaunch=1。



接收参数

在目标页面的onLoad函数中,可以通过options参数获取到传递的数据。工具已经把传过来的参数写到了globalOption里。绑定变量的时候,由于不确定你实际传参传了什么参数,需要你补完整的参数。


循环绑定传参数

比如我们列表的id希望把id传过去,在另外一个页面得到这个id值,然后调用API进行数据查询,把查询出来的结果再显示。

找到FLEX进行数据源循环绑定API返回的数据列表数据。

循环传参

点击事件把循环的id值传过去下一个页面

页面接参

这里我们获取传来的id,进行文章详情API进行查询。然后在界面上再把查询结果显示出来.

保存源码至本地

直接点击保存源码至本地,即可实现看见列表显示及详情页