前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >小程序点击A页面跳转到B页面对应事件

小程序点击A页面跳转到B页面对应事件

作者头像
程序媛夏天
发布2024-01-18 20:41:10
发布2024-01-18 20:41:10
15200
代码可运行
举报
运行总次数:0
代码可运行

下面的内容主要是总结一下小程序点击A页面跳转到B页面对应事件。

效果描述: 小程序点击A页面的“通知公告”板块,跳到B页面的“通知公告”tab栏。

效果如图所示 A页面

B页面

1.A页面源代码

以上这段代码它很好的优化了代码,这样写的好处就是简洁不冗余,可读性也挺强的,值得学习。 以前我的做法是写出每个小块再分别添加点击事件,因为用来for循环能写出静态页面,但是里面的事件不知道怎么分别加上去,其实很简单。只要点击方法里面加个item,再写这个方法的时候带e这个参数,里面加判断条件,就能达到你想要的。 (比较而知,以前的写法很冗余)

2.B页面源代码
代码语言:javascript
代码运行次数:0
复制
 props: ["id"],
 onLoad(options) {
   this.tabCur = options.id;
 },

说明,这里的options参数可以是任意一个命名,它不具备意义。 props它是代表从A页面接收过来,让B页面的导航等于A页面的点击方块。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-01-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.A页面源代码
  • 2.B页面源代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档