本文介紹微信小程序頁面跳轉的兩種方式及頁面跳轉時的數(shù)據(jù)傳遞。
跳轉的數(shù)據(jù)傳遞
類似 Android 的 Intent 傳值伟阔，微信小程序也一樣可以傳值：
例如：wxml 中寫了一個函數(shù)跳轉：
<view class="itemWeight" catchtap="jumpToOverMissionList">
<view class="textStatus">已完成任務</view>
<view class="containVertical textNum">{{finishedMissionCount}}</view>
</view>
在 js 代碼中寫：其中，url 是跳轉的相對路徑亲善，伐蒋？問號后面加的是參數(shù)，以 key－value 的方式架谎，
這里傳了個 value 為 2 的參數(shù)過去
//跳轉到已結束任務列表頁
jumpToOverMissionList:function(){
wx.navigateTo({
url:"mission/missionList/missionList?type=2"
});
},
然后在 missionList.js 中的 OnLoad()方法得到值：option.type 就可以得到了
onLoad: function(option) {
this.setData({
type:option.type,
});
console.log(option.type);
}
頁面跳轉
今天嘗試了下小程序點擊頁面跳轉，有兩種方式：navigator 組件跳轉和添加點擊事件跳轉辟躏。
navigator 組件跳轉
和 a 標簽跳轉差不多谷扣，給 navigator 添加要跳轉到的 url 地址即可（這里需要注意下，我們在使用微信 web 開發(fā)者工
具按 enter 自動補全時生成的組件有錯捎琐，navigator 閉合標簽的“/” 位置應該是在 navigator 前会涎，而自動生成的是
<navigator/>,導致編譯報錯裹匙，同樣的還有 image 組件等）
<span style="font-size:14px;">
<navigator url="../logs/logs">點擊跳轉到 logs 頁面</navigator>
</span>
為組件綁定跳轉事件
index.wxml 中為 image 綁定事件
<span style="font-size:14px;">
<image src="{{item.imgsrc}}" bindtap="tz"></image>
</span>
index.js 文件中添加跳轉方法：
<span style="font-size:14px;">tz: function(){
wx.navigateTo({
url: '../logs/logs',
success: function(res){
// success
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
}</span>
