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

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

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

效果如图所示 A页面

在这里插入图片描述

B页面

在这里插入图片描述

1.A页面源代码

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

2.B页面源代码

 props: ["id"],
 onLoad(options) {
   this.tabCur = options.id;
 },

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