微信小程序點(diǎn)擊跳轉頁(yè)面（小程序里頁(yè)面跳轉的兩種方式） DATE: 2026-05-05 07:02:41
我們在小程序里做頁(yè)面跳轉有兩種方式
?微信1，借助navigator組件?小程序點(diǎn)2，借助wx.自帶方法，擊跳在點(diǎn)擊的轉頁(yè)轉時(shí)候做頁(yè)面跳轉(╯°□°）╯︵ ┻━┻ 如下圖所示的幾個(gè)wx.方法
19-1，navigator實(shí)現頁(yè)面跳轉
navigator其實(shí)和我們html里的面小(xiao)面跳a標簽有點(diǎn)像，也是程序為了實(shí)現頁(yè)面跳轉的。官方文檔：https://developers.weixi??n.qq.com/miniprogram(?⊿?)/dev/component/navigator.html
我們想用navigator來(lái)跳轉到別的頁(yè)兩種頁(yè)面，其實(shí)很簡(jiǎn)單，微信只需要如上圖所示，小程序點(diǎn)??做簡(jiǎn)單配置即可。擊跳當然了我們使用navigator來(lái)跳轉(zhuan)頁(yè)面時(shí)，轉頁(yè)轉分下面(mian)幾種情況。面小面跳當然(ran)這些跳轉方式都是程序通過(guò)配置open-type屬性來(lái)定(ding)義的。
19-2，頁(yè)兩種navigator的微信跳轉方式
下面我把一些常用的open?-type屬性列出來(lái)給大家，方便大家以后使用。
如我們使用navigate做頁(yè)面跳轉，只寫(xiě)個(gè)url屬性，op??en-type的值默認就是navigate
這樣我們跳轉到新頁(yè)面后，會(huì )有一個(gè)返回按鈕。我們可以通過(guò)這個(gè)返回按鈕返回上一個(gè)頁(yè)面。ヽ(′▽?zhuān)?ノ
19-3，點(diǎn)擊事件結合wx方法實(shí)現跳轉
我們做頁(yè)面跳轉除了使用navigate組件外，還可以通過(guò)點(diǎn)擊事件借助wx方法實(shí)現頁(yè)面跳轉。
常用的wx方法：
我這里給大家舉個(gè)簡(jiǎn)單的例子
?在wxml里設(°ロ°) !置點(diǎn)擊事件
?然后再js里設置點(diǎn)擊后跳轉??頁(yè)面
這樣我們就可以實(shí)現頁(yè)面跳轉了，和使用navigate做跳轉(zhuan)一樣的效果。其余的幾個(gè)wx跳轉方法，我也會(huì )在視頻里給大家做演示。