關于頁面的跳轉,微信小程序提供了3種方法:
方法一:
使用API wx.navigateTo()函數
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:
在index.wxml新建一個button組件,并使用bindtap事件綁定一個函數
index.js:
在index.js中的Page函數內部,添加changeToTest 函數,函數里面使用wx.navigateTo,寫上需要跳轉的頁面,里面傳入的是一個對象,對象內使用url屬性,對應的就是需要跳轉的頁面的路徑(注意:這是接收的是一個相對路徑,并且頁面不需要使用.wxml后綴)
運行:
方法二:使用API wx.redirectTo()函數
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:
在index.wxml新建一個button組件,并使用bindtap事件綁定一個函數
index.js:
運行:
備注:
1.
wx.navigateTo()和wx.redirectTo()的區別:
wx.navigateTo()是保留當前頁面,跳轉到某個頁面,跳轉頁面后可以返回上一頁。
wx.redirectTo()是關閉當前頁面,跳轉到某個頁面,跳轉頁面后不能返回上一頁。
方法三:使用組件 <navigator>
示例:
首先先新建一個test頁面
如何新建頁面?
請到先閱讀下面教程
微信小程序的新建頁面 —— 微信小程序教程系列(4)
index.wxml:在index.wxml頁面添加一個<navigator>元素,在元素里面使用屬性url就可以運行:
新聞熱點
疑難解答