vue telegram
0.8.0
vue-tg -Vue 的 Telegram 集成用於無縫整合 Telegram Mini Apps 和 Telegram Widgets 功能的輕量級軟體包。
< script lang = " ts " setup >
import { MainButton , useWebAppPopup } from ' vue-tg '
const { showAlert } = useWebAppPopup ()
</ script >
< template >
< MainButton text = " Open alert " @ click = " () => showAlert ( ' Hello! ' ) " />
</ template >安裝包：
npm i vue-tg要將您的迷你應用程式連接到 Telegram 用戶端，請將腳本telegram-web-app.js放在任何其他腳本之前的<head>標記中，使用以下程式碼：
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | 場地 | 可組合的 |
|---|---|
| 初始化數據 | 使用網路應用程式 |
| 初始化資料不安全 | 使用網路應用程式 |
| 版本 | 使用網路應用程式 |
| 平台 | 使用網路應用程式 |
| 配色方案 | 使用WebApp主題 |
| 主題參數 | 使用WebApp主題 |
| 已展開 | 使用WebAppViewport |
| 視窗高度 | 使用WebAppViewport |
| 視窗穩定高度 | 使用WebAppViewport |
| 標題顏色 | 使用WebApp主題 |
| 背景色 | 使用WebApp主題 |
| 關閉確認已啟用 | 使用WebApp關閉確認 |
| isVerticalSwipesEnabled | 使用WebAppViewport |
| 返回按鈕 | 使用WebAppBackButton |
| 主按鈕 | 使用WebApp主按鈕 |
| 觸覺回饋 | 使用WebAppHapticFeedback |
| 生物辨識管理器 | 使用WebAppBiometricManager |
| 版本至少 | 使用網路應用程式 |
| 設定標題顏色 | 使用WebApp主題 |
| 設定背景顏色 | 使用WebApp主題 |
| 啟用關閉確認 | 使用WebApp關閉確認 |
| 禁用關閉確認 | 使用WebApp關閉確認 |
| 啟用垂直滑動 | 使用WebAppViewport |
| 禁用垂直滑動 | 使用WebAppViewport |
| 事件處理 | 使用網路應用程式 |
| 關閉事件 | 自動處理？ |
| 傳送數據 | 使用網路應用程式 |
| 切換內聯查詢 | 使用WebApp導航 |
| 開放連結 | 使用WebApp導航 |
| 打開電報鏈接 | 使用WebApp導航 |
| 開立發票 | 使用WebApp導航 |
| 分享到故事 | 使用WebApp共享 |
| 顯示彈出視窗 | 使用WebAppPopup |
| 顯示警報 | 使用WebAppPopup |
| 顯示確認 | 使用WebAppPopup |
| 顯示掃描Qr彈出視窗 | 使用WebAppQrScanner |
| 關閉ScanQrPopup | 使用WebAppQrScanner |
| 從剪貼簿讀取文字 | 使用WebApp剪貼簿 |
| 請求寫訪問 | 使用WebApp請求 |
| 請求聯繫 | 使用WebApp請求 |
| 準備好 | 使用網路應用程式 |
| 擴張 | 使用WebAppViewport |
| 關閉 | 使用網路應用程式 |
