微信小程式的全局彈窗以及全局實例

来源:https://www.cnblogs.com/wang-fan-w/archive/2023/02/23/17149755.html
-Advertisement-
Play Games

全局組件 微信小程式組件關係中,父組件使用子組件需要在父組件index.json中引入子組件,然後在父組件頁面中使用,這種組件的對應狀態是一對一的,一個組件對應一個頁面。如果有一個全局彈窗(登錄),那麼每個頁面引入一次組件會非常麻煩,這裡就需要封裝全局彈窗,在頁面直接引入使用即可。 微信小程式提供全 ...


全局組件

微信小程式組件關係中,父組件使用子組件需要在父組件index.json中引入子組件,然後在父組件頁面中使用,這種組件的對應狀態是一對一的,一個組件對應一個頁面。如果有一個全局彈窗(登錄),那麼每個頁面引入一次組件會非常麻煩,這裡就需要封裝全局彈窗,在頁面直接引入使用即可。

微信小程式提供全局組件,只需要在app.json中引入組件,該組件就會被註冊為全局組件,父組件的json文件不需要引入組件即可使用。
在這裡插入圖片描述

  "usingComponents": {
    "whatStore": "/components/whatStore/index"
  },

usingComponents中註冊的組件就是全局組件,在小程式的任意頁面都可以引入並使用組件
在這裡插入圖片描述
直接將組件寫入頁面即可,組件的使用方法和普通組件一致。


全局實例

App(Object object)
在這裡插入圖片描述

App()必須在app.js中調用,必須調用並且全局只能調用一次,在App()中有應用的的生命周期。全局函數可以寫在App()中,通過getApp()獲取App()上掛載的方法。
在這裡插入圖片描述

// 頁面上使用
let app = getApp()
console.log(app.sayHi());  // 全局函數

在這裡插入圖片描述
可以在App()上掛載登錄方法,當用戶token過期或者未登錄時,通過全局函數配合全局彈窗來發起登錄,也可以只調用全局函數預設刷新token


getApp()
在這裡插入圖片描述

getApp()上定義的參數為全局參數,都可以在小程式任意頁面直接使用,建議將參數添加到globalData上。

// A頁面
let app = getApp()
app.globalData.params = '全局參數'

// B頁面
let app = getApp()
console.log(app.globalData.params )  // 全局參數

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 研發背景 公司安全部目前針對內部系統的網路訪問日誌的安全審計,大部分都是T+1時效,每日當天,啟動Python編寫的定時任務,完成昨日的日誌審計和檢測,定時任務運行完成後,統一進行企業微信告警推送。這種方案在目前的網路環境和人員規模下,呈現兩個痛點,一是面對日益頻繁的網路攻擊、釣魚鏈接,T+1的定時 ...
  • 摘要:本文就使用springboot結合mybatis plus在項目中實現對GaussDB(DWS)的增刪改查操作。 本文分享自華為雲社區《基於SpringBoot實現操作GaussDB(DWS)的項目實戰【玩轉PB級數倉GaussDB(DWS)】》,作者:清雨小竹。 GaussDB(DWS) 數 ...
  • PS:本教程破解工具均收集於網路,請勿商用,僅供個人學習使用,如有侵權,請聯繫作者刪除。若條件允許,希望大家購買正版 ! 話不多說,直接上乾貨教程!!! 第一步:Get Navicat premium 15安裝包和激活工具 Navicat Premium 15 永久激活工具(親測可用) 第二步:開始 ...
  • EE模塊是搜索系統中改善生態、探索商品的重要鏈路,其目標是緩解數據馬太效應導致模型對商品排序豐富性、探索性不足,帶來的系統非最優解問題。以下分別從模型迭代、線上實驗指標、離線評估體系介紹相應模塊的優化。 ...
  • PostgreSQL 作為當下流行的資料庫,不少開發者因其開源、可靠、可擴展等特性把它應用到實際的生產環境中,幫助無數 PostgreSQL 廠商的 Percona 編製了一個最常見錯誤的列表。即使你認為自己已經正確地安裝配置 PostgreSQL,或許仍會發現此列表對於驗證你的安裝配置大有裨益。 ... ...
  • 前言: 最近接到個需求,我們新產品上的外包側APP需要使用硬體唯一ID(不管怎麼升級怎麼操作,ID始終不變和硬體綁定),用來做許可權校驗。 由於瞭解到安卓ID或序列號都會在擦除升級後重新隨機生成,所以這裡使用硬體上的ID來作為唯一ID,接下來進入正題 此篇以安卓7.1系統為例 一,常用硬體信息ID 這 ...
  • 一、 獲取Push Token的方式 獲取Push Token有兩種方式:一種是調用getToken方法向Push服務端請求Token,當getToken方法返回為空時,Token可通過onNewToken方法返回,因此需要實現onNewToken方法;另一種是自動初始化,Token通過onNewT ...
  • 官方文檔https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html一、將寫好的uniapp右鍵→發行→原生app-本地打包→生成本地打包App資源(它會要求你登錄賬號)二、它會生成一個文件夾三、點擊連接可以直接進入文件夾,路徑往上一 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...