亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)功能詳解

 更新時間：2023年03月31日 10:25:14   作者：顏顏yan_  
這篇文章主要給大家介紹了關(guān)于微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)功能的相關(guān)資料,包括頁面跳轉(zhuǎn)的方式、跳轉(zhuǎn)傳參的方法以及頁面返回的操作,通過簡單的代碼示例,幫助讀者快速掌握微信小程序頁面跳轉(zhuǎn)的基本用法,下面需要的朋友可以參考下

前言

本期我們將學(xué)習(xí)頁面跳轉(zhuǎn)功能，頁面跳轉(zhuǎn)功能主要使用小程序的導(dǎo)航API來實現(xiàn)。

實現(xiàn)效果

要從welcome頁面跳轉(zhuǎn)到post頁面，需要使用事件來響應(yīng)點擊“開啟小程序之旅”這個動作。

事件

事件是視圖層（wxml）到邏輯層（js）的通信方式。通俗些講，事件可以讓我們在js里處理一些用戶在界面上的一些操作，并對這些操作做出反饋。

如何實現(xiàn)事件

  • 在組件上注冊事件。注冊事件將告訴小程序，我們要監(jiān)聽哪個組件的什么事件。
  • 在js中編寫事件處理函數(shù)響應(yīng)事件。監(jiān)聽到事件后，需要編寫自己的業(yè)務(wù)。

如下，我們調(diào)用MINA框架中的導(dǎo)航API，來實現(xiàn)頁面跳轉(zhuǎn)

welcome.wxml

在按鈕組件上添加catchtap的事件綁定，監(jiān)聽點擊這個動作。當用戶點擊這個動作后，將執(zhí)行一個onTapJump的函數(shù)。

welcome.js

思路：

1、在頁面的js文件中定義onTapJump的函數(shù)。

2、使用redirectTo實現(xiàn)頁面跳轉(zhuǎn)。

3、定義跳轉(zhuǎn)成功、失敗、完成時的函數(shù)，并進行調(diào)試。

可以看到，點擊“開啟小程序之旅”跳轉(zhuǎn)后，控制臺出現(xiàn)了“jump success”和“jump complete”，說明跳轉(zhuǎn)成功了。

小程序的導(dǎo)航API

wx.redirectTo

關(guān)閉當前頁面，跳轉(zhuǎn)到指定頁面

我們加入onUnload和onHide進行調(diào)試

如下，當我們使用redirectTo函數(shù)會發(fā)現(xiàn)，頁面左上角有一個“小房子”，點擊返回后可以再返回到welcome頁面。

如下，我們會發(fā)現(xiàn)，頁面輸出“page id onunload”，所以，redirectTo將關(guān)閉當前頁面并將頁面卸載

wx.navigateTo

保留當前頁面，跳轉(zhuǎn)到指定頁面

如下，當我們使用navigateTo函數(shù)會發(fā)現(xiàn)，頁面左上角有一個返回按鈕，點擊返回后可以再返回到welcome頁面。

navigateTo將執(zhí)行onHide事件回調(diào)，并輸出了“page is onhide”。所以，navigateTo僅僅會隱藏當前頁面，還可以再次返回到被隱藏的頁面。

redirectTo和navigateTo在使用方式上完全相同，他們都接收一個Object對象作為參數(shù)。Object對象中最重要的屬性是url，它將指定要跳轉(zhuǎn)的頁面路徑。

wx.switchTap

只能用于跳轉(zhuǎn)到帶tabBar的頁面，并關(guān)閉其他所有非tabBar頁面。

Object參數(shù)可接受的方法

  • success：跳轉(zhuǎn)頁面成功時MINA框架將調(diào)用的函數(shù)
  • fail：跳轉(zhuǎn)頁面失敗時MINA框架將調(diào)用的函數(shù)
  • complete：無論成功或者失敗，MINA框架都將調(diào)用此函數(shù)。

總結(jié)

到此這篇關(guān)于微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)功能詳解的文章就介紹到這了,更多相關(guān)微信小程序頁面跳轉(zhuǎn)功能內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論