【Uniapp】簡易封裝提示框showToast/showModal

組件

// 封裝提示框
export const showModal = (content, showCancel = false, title = "提示") => {return new Promise((resolve, reject) => {uni.showModal({title: title,content: content,showCancel: showCancel,success: (res) => {resolve(res);},fail: (err) => {reject(err);},});});
};
// 封裝showToast
export const showToast = (content, icon = "none") => {return new Promise((resolve, reject) => {uni.showToast({title: content,icon: icon,success: (res) => {resolve(res);},fail: (err) => {reject(err);},});});
};
// 封裝showLoading
export const showLoading = (content, mask = true) => {return new Promise((resolve, reject) => {uni.showLoading({title: content,mask: mask,success: (res) => {resolve(res);},fail: (err) => {reject(err);},});});
};

使用

import { showModal, showToast, showLoading } from "@/js/common.js";showModal('1111');
showToast("保存成功");
showLoading("加載中");

在這里插入圖片描述
感謝你的閱讀,如對你有幫助請收藏+關注!
只分享干貨實戰精品從不啰嗦!!!
如某處不對請留言評論,歡迎指正~
博主可收徒、常玩QQ飛車,可一起來玩玩鴨~

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/12774.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/12774.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/12774.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux計劃任務功能介紹

一次性計劃任務(不能跨越0點) at 16:20 at> echo hello | wall at> at 1621 at> mkdir /tmp/date %F at> at 16:2212022015 at> rm -fr /tmp/* at> job 33 at 2015-12-02 16:22 atq 查詢計劃任務 atrm 刪除計劃任務 atrm 33 /etc/at.deny 拒絕使用at …

結合多模態 AI 谷歌展示 AR 眼鏡原型機;Meta 被曝開發帶攝像頭的 AI 耳機丨 RTE 開發者日報 Vol.204

開發者朋友們大家好: 這里是 「RTE 開發者日報」,每天和大家一起看新聞、聊八卦。我們的社區編輯團隊會整理分享 RTE(Real Time Engagement) 領域內「有話題的新聞」、「有態度的觀點」、「有意思的數據」、「有思考的文章」、「…

如何修改android 項目顯示的app名

修改vlaues下的string.xml文件 修改這個標簽中的內容就行

國產銀河麒麟V10SP1系統安裝Qt和MySql步驟

安裝軟件:準備好Kylin-Desktop-V10-SP1-Release-hwe-2107-x86_64.iso和qt-opensource-linux-x64-5.14.2.run 安裝步驟: 1、VMWare軟件中新建一個虛擬機并安裝Kylin-Desktop-V10-SP1-Release操作系統,安裝時候輸入密碼的地方記得要用英文&am…

“網絡安全新紀元:等保2.0的詳細解讀與實踐”

網絡安全等級保護基本要求》(等保2.0)于2019年6月發布,是我國網絡安全等級保護制度的一項重要標準。等保2.0主要針對關鍵信息基礎設施的網絡安全保護,對數據安全和個人信息保護提出了更高的要求。本文將對等保2.0進行詳細解讀&…

3.深度學習課程--技術棧

上一節我們概覽了深度學習的主要內容及其應用領域,解決了學習的初衷和用途問題。在深入算法和模型之前,本小節將介紹課程所需的技術棧和準備事項。雖然這些準備看似簡單,但它們對于后續學習至關重要。 首先,我們將使用Python作為…

動態路由實驗新手入門:快速掌握核心知識點

大家好,這里是G-LAB IT實驗室。今天帶大家學習一下華為動態路由實驗配置,新手入門,快速掌握核心知識點! 01、實驗拓撲 02、實驗需求 1.根據拓撲運行對應的路由協議 2.每個路由器都有自己的環回口,宣告的區域不限制 …

Java各大GPS坐標系互轉算法(保證好用)

不好用來捶我,好用的話點個贊鼓勵一下~ /*** 坐標轉換器*/ public class CoordinateConverter {private static final double x_PI 3.14159265358979324 * 3000.0 / 180.0;private static final double PI 3.1415926535897932384626;private static final double…

IDEA不能創建新項目和新模塊

問題: IDEA不管是創建新項目還是新模塊都創建不成功,會報如下圖錯誤 解決方案: 在電腦設置里搜索 “防火墻和網絡保護” ,打開如下圖所示 找到你所安裝的IDEA,更改設置,選中IDEA 最后,確定&am…

香港優才計劃避坑指南及過來人建議,這6種行為會毀了你的香港身份!

香港優才計劃是一項香港人才引進政策,如果你想真正落戶香港,那么就需要了解清楚香港優才從申請到永居的整個流程,并且要注意維護好香港身份。 如果操作不當,可能會中斷你來之不易的香港身份。 本文總結了香港優才整個流程中&…

nmap端口掃描工具——Win10

Nmap安裝流程: Nmap官網鏈接:Download the Free Nmap Security Scanner for Linux/Mac/Windows Nmap參考文檔鏈接:https://nmap.org/book/toc.html Nmap使用流程: Nmap軟件主頁面: 中文版: nmap -T4 -…

脈沖神經網絡(Spiking Neural Networks,SNNs)介紹

脈沖神經網絡(Spiking Neural Networks,SNNs)是仿生神經網絡的一種類型,它們模仿了生物神經元在大腦中傳遞信息的方式。與傳統的人工神經網絡(Artificial Neural Networks,ANNs)不同&#xff0c…

Prosys OPC UA Simulation Server工程文件備份方法

Prosys OPC UA Simulation Server是一款免費的OPC UA服務器仿真軟件,具體的使用和下載參考官網: Prosys OPC - OPC UA Simulation Server Downloads 他的免費版本不提供工程文件的備份、導入導出功能,每次退出時保存。如果需要工程備份&a…

IPsec VPN簡介

什么是IPsec? IPsec(Internet Protocol Security)是為IP網絡提供安全性的協議和服務的集合,它是VPN(Virtual Private Network,虛擬專用網)中常用的一種技術。其實就是一種協議簇(類…

揭秘SmartEDA魅力:為何眾多學校青睞這款電路仿真軟件?

在當今數字化、信息化的教育時代,電子電路仿真軟件已成為電子學教學不可或缺的重要工具。其中,SmartEDA電路仿真軟件以其強大的功能、用戶友好的界面以及豐富的教育資源,贏得了眾多學校的青睞。那么,究竟是什么原因讓SmartEDA成為…

如何在阿里云申請免費SSL證書(三個月有效)

SSL證書主要用于建立Web服務器和客戶端間可信的HTTPS協議加密鏈接,以防止數據在傳輸過程中被篡改,避免信息泄露。阿里云提供了多種品牌和類型的SSL證書,以滿足不同用戶的需求。您可以根據自己的預算、域名類型以及網站類型,選擇購…

軟件工程期末復習(7)需求過程

需求分析 需求過程 什么是需求過程? 需求過程是用來導出、確認和維護系統需求文檔的一組結構化活動。通常,一個良好的需求過程應包括下列活動: 需求提取需求分析和協商需求確認 需求提取 需求提取是通過與客戶、系統用戶和其他與系統開發相…

Cannot read properties of undefined (reading ‘init‘)報錯

出現這個報錯是印象項目沒有引echarts包 npm i echarts 下包 然后在main.js中引入 import echarts from echarts Vue.prototype.$echarts echarts 如果還不行 import * as echarts from echarts; 更改一下引入方式 ok了

vue3 + ts中,element-plus組件通過ref引用組件內方法,顯示提示

在vue3 ts 項目中,我們通過ref引用element-plus組件內部方法時,編輯器沒有提示信息,通常我們都是如下寫法 這里想進行一下表單校驗,需要引用el-form組件中的validate方法,從這里可以看出是沒有給相應的提示信息的。這…

JavaScript對象的聲明

JS聲明對象的語法 1 通過new Object()直接創建對象2 通過 { }形式創建對象 1 通過new Object()直接創建對象 代碼 var person new Object(); // 給對象添加屬性并賦值 person.name"張小明"; person.age10; person.foods["蘋果","橘子","香…