微信小程序提供頁面的跳轉的3種方法&＃xff1a;
方法一&＃xff1a;
使用API wx.navigateTo()函數
方法二&＃xff1a;
使用API wx.redirectTo()函數
wx.navigateTo()和wx.redirectTo()的區別&＃xff1a;
wx.navigateTo()是保留當前頁面&＃xff0c;跳轉到某個頁面&＃xff0c;跳轉頁面后可以返回上一頁。愛掏網 - it200.com
wx.redirectTo()是關閉當前頁面&＃xff0c;跳轉到某個頁面&＃xff0c;跳轉頁面后不能返回上一頁。愛掏網 - it200.com
方法三&＃xff1a;
使用組件
index.wxml:
跳轉的數據傳遞
以wx.navigateTo為例&＃xff1a;
上面講述,wx.navigateTo傳入的url是跳轉的頁面&＃xff08;使用相對路徑&＃xff09;
wx.navigateTo({url:"pages/home/home"
});
那么參數傳遞至下一頁面&＃xff0c;則只需要在路徑后面&＃xff0c;添加&＃xff1f;問號&＃xff0c;&＃xff1f;后面接的是參數&＃xff0c;以key&＃xff0d;value的方式。愛掏網 - it200.com
這里傳了個value為2的參數
wx.navigateTo({url:"pages/home/home?type&＃61;2"});
其中&＃xff1a;type&＃61;2中“&＃61;”號前后不可以有空格&＃xff0c;否則options.type將獲取不到值
然后在home.js中的onLoad()函數中得到值&＃xff1a;option.type就可以得到了&＃xff0c;如下&＃xff1a;
onLoad: function (option) {this.setData({type:option.type,});console.log(option.type);
}