微信小程序提供頁面的跳轉的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);
}