微信小程序頁面跳轉

微信小程序頁面跳轉

今天剛開始研究微信小程序，就遇到了不知道怎麼跳轉的問題，百度了一大堆，這裏還是把我自己摸索的跟大家分享一下：

            <!--index.wxml-->
            <view  class="userinfo">
            <text class="userinfo-nickname" bindtap="enter">點擊進入</text>
           </view> 

這是wxml裏面的代碼，相當於網頁裏面的html,實現一個點擊文字進入另一個頁面的功能：

        //index.js
         // 頁面跳轉
          enter:function(){
            wx.navigateTo({
              url: '../index/page'
            })
              }

這是js文件中的代碼，這裏注意，URL的參數主目錄由兩個點代替，寫出來的話方法執行不了，暫時我也不知道爲什麼，可能是代碼規範吧，最後一步，假如創建名爲page的新頁面，一定要在app.json裏面配置一下：

         "pages":[
            "pages/index/index",
            "pages/logs/logs",
            "pages/index/page" 
      ],

這裏注意一下，如果要在下面加頁面給上面最後一個頁面要加逗號。

還有一種跳轉，前提是頁面註冊過了，這種比較簡單在官方文檔裏面看到的:

 <view class="btn-area">
  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳轉到新頁面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在當前頁打開</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator>
</view>

這種的話就比較簡單一點了。