微信小程序界面跳转（2）——按钮

微信小程序界面跳转（2）——按钮

步骤一：创建一个新界面catPage界面：

先在pages文件夹下创建一个新的文件夹：catPage。单击右键，创建page，page名称和文件夹名称一致。最后创建结果如图所示。

步骤二：添加按钮：

具体操作见博客   添加按钮

步骤三：绑定按钮：

在按钮界面添加如图所示代码，主要是bindtap，绑定对应的跳转界面。比如：第一个按钮绑定的ID为“goToCatPage”,相对应的跳转到创建的catPage界面。

步骤四：跳转界面响应事件：

在按钮界面的 .js 文件中加入如图所示代码（图后提供可复制代码）

goToCatPage:function(param){
    wx.navigateTo({
      url: '../catPage/catPage',
    })
  },

这里的url中放的是界面的存储路径。如果不知道路径是什么，打开app.json文件进行查看。pages为根目录，用"../"代替就好。

这样就可以实现界面的简单跳转了。

END