今天嘗試了下小程序點擊頁面跳轉，有兩種方式：navigator組件跳轉和添加點擊事件跳轉。

1.navigator組件跳轉

和a標簽跳轉差不多，給navigator添加要跳轉到的url地址即可（這里需要注意下，我們在使用微信web開發者工具按enter自動補全時生成的組件有錯，navigator閉合標簽的“/”位置應該是在navigator前，而自動生成的是<navigator/>,導致編譯報錯，同樣的還有image組件等）

<span style="font-size:14px;"><navigator url="../logs/logs">點擊跳轉到logs頁面</navigator></span>
2.為組件綁定跳轉事件

? ? index.wxml中為image綁定事件

<span style="font-size:14px;"> <image src="{{item.imgsrc}}" bindtap="tz"></image></span> ? ?index.js文件中添加跳轉方法：

tz: function(){wx.navigateTo({url: '../logs/logs',success: function(res){// success},fail: function() {// fail},complete: function() {// complete}})}

?

總結

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

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