一、 图片携带的跳转
首页
错误
1.1 指定路径
导航组件 指定跳转的路径 并进行参数的传递? 传递数据的名称
ur1 指定跳转路径 传递id
1.2 js文件中显示跳转的id信息
详情页的js中 从服务器中读取的数据 并由console.log 表示出来的
1.3 常用跳转的方法
展示上图设定的跳转携带的id和标题
结果
文章来源地址https://www.toymoban.com/news/detail-699481.html
二、绑定事件跳转 bindtap
3.1概念
事件绑定在组件上,写在头标签
3.2 js逻辑层
可以不要:
3.3 catch
bind catch 实现事件绑定
3.4冒泡事件 非冒泡事件
冒泡事件(触摸事件)
catch 阻止冒泡事件
3.5事件传值
点击外层按钮
3.6 点击事件
3.7 只绑定了外层
点击内层组件1
target 点击没有绑定事件,触发了外层事件,带有触发的事件的集合 有 51zxw
current 点击的当前触发的事件,没有 51zxw
点击内层组件2
target 点击没有绑定事件,触发了外层事件,带有触发的事件的集合 有 我要自学网
current 点击的当前触发的事件,没有 我要自学网
3.8 样式模板的按钮到详情页
绑定按钮 将id数据传到js中
可以点击块内任何位置实现跳转
当前targete有id数据
首页 js文件将传过来的id数据打印出来
菜单页中js和首页的一样模式需要复制过来
3.9 轮播图绑定事件
绑定图片路径
结果 不能返回id
绑定在整个块上
结果可以返回id
跳转
方式:API 路由
文章来源:https://www.toymoban.com/news/detail-699481.html
到了这里,关于微信小程序基础知识--图片跳转,事件跳转,冒泡事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!