微信有两种跳转方式:
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'
})
}
截图如下:
最后看效果图: