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