微信小程序界面跳轉（2）——按鈕

步驟一：創建一個新界面catPage界面：

先在pages文件夾下創建一個新的文件夾：catPage。單擊右鍵，創建page，page名稱和文件夾名稱一致。最后創建結果如圖所示。

步驟二：添加按鈕：

具體操作見博客 ??添加按鈕

步驟三：綁定按鈕：

在按鈕界面添加如圖所示代碼，主要是bindtap，綁定對應的跳轉界面。比如：第一個按鈕綁定的ID為“goToCatPage”,相對應的跳轉到創建的catPage界面。

步驟四：跳轉界面響應事件：

在按鈕界面的 .js 文件中加入如圖所示代碼（圖后提供可復制代碼）

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

這里的url中放的是界面的存儲路徑。如果不知道路徑是什么，打開app.json文件進行查看。pages為根目錄，用"../"代替就好。

這樣就可以實現界面的簡單跳轉了。

END

?

?

總結

以上是生活随笔為你收集整理的微信小程序界面跳转（2）——按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。