關于頁面的跳轉,微信小程序提供了3種方法:
成都創(chuàng)新互聯(lián)公司是一家專業(yè)的網(wǎng)站制作公司,提供的服務包括:品牌網(wǎng)站制作,網(wǎng)站設計,網(wǎng)頁設計,我們是一家專業(yè)網(wǎng)絡公司,做網(wǎng)站,我們是認真的。我們是成都網(wǎng)站制作,成都網(wǎng)站建設的先行者,一切以客戶的利益為設計方向,能夠為不同行業(yè)的客戶提供全面、長期、深入的網(wǎng)絡解決方案。 成都創(chuàng)新互聯(lián)公司根據(jù)客戶的具體需求,提供從策劃、創(chuàng)意、制作、執(zhí)行等服務。方法一:
使用API wx.navigateTo()函數(shù)
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:
在index.wxml新建一個button組件,并使用bindtap事件綁定一個函數(shù)
index.js:
在index.js中的Page函數(shù)內部,添加changeToTest 函數(shù),函數(shù)里面使用wx.navigateTo,寫上需要跳轉的頁面,里面?zhèn)魅氲氖且粋€對象,對象內使用url屬性,對應的就是需要跳轉的頁面的路徑(注意:這是接收的是一個相對路徑,并且頁面不需要使用.wxml后綴)
運行:
方法二:
使用API wx.redirectTo()函數(shù)
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:
在index.wxml新建一個button組件,并使用bindtap事件綁定一個函數(shù)
index.js:
運行:
備注:
wx.navigateTo()和wx.redirectTo()的區(qū)別:
wx.navigateTo()是保留當前頁面,跳轉到某個頁面,跳轉頁面后可以返回上一頁。
wx.redirectTo()是關閉當前頁面,跳轉到某個頁面,跳轉頁面后不能返回上一頁。
方法三:
使用組件
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:
在index.wxml頁面添加一個
運行:
跳轉的數(shù)據(jù)傳遞
以wx.navigateTo為例:
上面講述,wx.navigateTo傳入的url是跳轉的頁面(使用相對路徑)
wx.navigateTo({ url:"pages/home/home" });
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。