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进行查询。然后在界面上再把查询结果显示出来.
保存源码至本地
直接点击保存源码至本地,即可实现看见列表显示及详情页