關(guān)于頁面的跳轉(zhuǎn)，微信小程序提供了3種方法：

方法一：

使用API  wx.navigateTo()函數(shù)

示例：

首先先新建一個test頁面

如何新建頁面？

請到先閱讀下面教程

微信小程序的新建頁面 —— 微信小程序教程系列（4）

index.wxml:

在index.wxml新建一個button組件，并使用bindtap事件綁定一個函數(shù)

index.js:

在index.js中的Page函數(shù)內(nèi)部，添加changeToTest 函數(shù)，函數(shù)里面使用wx.navigateTo，寫上需要跳轉(zhuǎn)的頁面，里面?zhèn)魅氲氖且粋€對象，對象內(nèi)使用url屬性，對應的就是需要跳轉(zhuǎn)的頁面的路徑（注意：這是接收的是一個相對路徑，并且頁面不需要使用.wxml后綴）

運行：

方法二：使用API  wx.redirectTo()函數(shù)

示例：

首先先新建一個test頁面

如何新建頁面？

請到先閱讀下面教程

微信小程序的新建頁面 —— 微信小程序教程系列（4）

index.wxml:

在index.wxml新建一個button組件，并使用bindtap事件綁定一個函數(shù)

index.js:

運行：

備注：

1.

wx.navigateTo()和wx.redirectTo()的區(qū)別：

wx.navigateTo()是保留當前頁面，跳轉(zhuǎn)到某個頁面，跳轉(zhuǎn)頁面后可以返回上一頁。

wx.redirectTo()是關(guān)閉當前頁面，跳轉(zhuǎn)到某個頁面，跳轉(zhuǎn)頁面后不能返回上一頁。

方法三：使用組件  <navigator>

示例：

首先先新建一個test頁面

如何新建頁面？

請到先閱讀下面教程

微信小程序的新建頁面 —— 微信小程序教程系列（4）

運行：