微信小程序界面跳轉（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