微信有兩種跳轉方式:
1.navigatorTo方法實現跳轉,可回退
2.redirectoTo方法實現跳轉,不可回退
現在開始模擬吧
第一步:在新建的一個小程序項目中的index目錄中創建兩個目錄navigator和redirect
然後在navigator中創建navigator.js navigator.wxml ,在redirect中穿件redirect.js和redirect.wxml文件。
如圖:
第二步:在navigator.wxml和redirect.wxml修改一下提示信息
(1)navigator.wxml
(2)redirect.wxml
第三步:在index.wxml內容修改
<text>
做實驗啦!!!
</text>
<view>
<button type="primary" bindtap='navigatorToTest' >
navigatorTo跳轉
</button>
</view>
<view>
<button type="warn" bindtap='redirectToTest'>
redirectTo跳轉
</button>
</view>
截圖如下:
在index.js中最後面,添加一下內容
navigatorToTest: function () {
wx.navigateTo({
url: 'navigator/navigator'
})
},
redirectToTest: function () {
wx.redirectTo({
url: 'redirect/redirect'
})
}
截圖如下:
最後看效果圖: