场景：点击首页中的具体商品，携带商品ID跳转到商品详情页面，在详情页面获取并且展示商品详细信息。
实现步骤：以瀑布流组件为例。
1、在组件的最外层view标签上定义 data-pid="{{data.id}}" 其中“data-”为固定格式，“pid”可以根据业务需求命名。
2、在组件的最外层view标签上使用 bind:tap="onItemTap" 绑定“onItemTap”事件。
3、在瀑布流组件的js文件的方法列表中实现onItemTap事件，该事件接收event对象。通过语句 event.currentTarget.dataset.pid; 可以获取组件data-pid中绑定的数据，event.currentTarget.dataset中的pid应该与第一步中的“data-”后面的pid一致。
4、使用语句 wx.navigateTo({ url:`/pages/detail/detail?pid=${pid}` }); 跳转至商品详情页面。
小程序页面跳转 小程序页面跳转的四种方法 参数类型必填说明urlString是需要跳转的应用内非tabBar的页面...
上一篇：小程序学习笔记-3：页面结构和布局 本篇内容* 页面与页面之间的跳转 小程序页面跳转有以下几种方法： ...
小程序官网关于Navigator介绍： 页面跳转时传递 主页面： 页面跳转后，onload接受参数
需求体现： 在小程序里面，实现小程序和H5页面互相跳转。 1. 实现H5页面跳转小程序 小程序里面加载H5页面，需...
微信小程序-页面跳转 一、在app.json中配置跳转页面： logs为当前将要跳转到的页面 { “pages”:...
小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸 小程序页面跳转传参 ...
坑1：页面跳转链接html页面跳转是a，完整代码是： 百度首页 小程序页面跳转是navigator，完整代码是： ...
小程序之页面跳转 非tabBar页面跳转到tabBar页面必须用wx.switchTab，不能用其他的API ...
微信小程序页面跳转目前有以下方法（不全面的欢迎补充）： 1. 利用小程序提供的 API 跳转： // 保留当前页面...
微信小程序页面跳转目前有以下方法（不全面的欢迎补充）： 1. 利用小程序提供的 API 跳转： //保留当前页面，...
本文标题：小程序——页面跳转
本文链接：https://www.haomeiwen.com/subject/vduapttx.html
网友评论