vue telegram
0.8.0
vue-tg – Telegram-Integration für VueEin leichtes Paket für die nahtlose Integration der Funktionen von Telegram Mini Apps und 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 >Paket installieren:
npm i vue-tg Um Ihre Mini-App mit dem Telegram-Client zu verbinden, platzieren Sie das Skript telegram-web-app.js im <head> -Tag vor allen anderen Skripten, indem Sie diesen Code verwenden:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | Feld | Zusammensetzbar |
|---|---|
| initData | Verwenden Sie WebApp |
| initDataUnsafe | Verwenden Sie WebApp |
| Version | Verwenden Sie WebApp |
| Plattform | Verwenden Sie WebApp |
| Farbschema | Verwenden SieWebAppTheme |
| themeParams | Verwenden SieWebAppTheme |
| isExpanded | Verwenden Sie WebAppViewport |
| viewportHeight | Verwenden Sie WebAppViewport |
| viewportStableHeight | Verwenden Sie WebAppViewport |
| headerColor | Verwenden SieWebAppTheme |
| Hintergrundfarbe | Verwenden SieWebAppTheme |
| isClosingConfirmationEnabled | Verwenden SieWebAppClosingConfirmation |
| isVerticalSwipesEnabled | Verwenden SieWebAppViewport |
| ZurückButton | useWebAppBackButton |
| Hauptschaltfläche | useWebAppMainButton |
| Haptisches Feedback | Verwenden SieWebAppHapticFeedback |
| BiometricManager | Verwenden SieWebAppBiometrischeManager |
| isVersionAtLeast | Verwenden Sie WebApp |
| setHeaderColor | Verwenden SieWebAppTheme |
| setBackgroundColor | Verwenden SieWebAppTheme |
| enableClosingConfirmation | Verwenden SieWebAppClosingConfirmation |
| disableClosingConfirmation | Verwenden SieWebAppClosingConfirmation |
| enableVerticalSwipes | Verwenden Sie WebAppViewport |
| deaktivierenVerticalSwipes | Verwenden Sie WebAppViewport |
| onEvent | Verwenden Sie WebApp |
| offEvent | Automatisch gehandhabt? |
| sendData | Verwenden Sie WebApp |
| switchInlineQuery | Verwenden SieWebAppNavigation |
| openLink | Verwenden SieWebAppNavigation |
| openTelegramLink | Verwenden SieWebAppNavigation |
| openRechnung | Verwenden SieWebAppNavigation |
| shareToStory | Verwenden SieWebAppShare |
| showPopup | useWebAppPopup |
| showAlert | useWebAppPopup |
| anzeigenBestätigen | useWebAppPopup |
| showScanQrPopup | Verwenden SieWebAppQrScanner |
| closeScanQrPopup | Verwenden SieWebAppQrScanner |
| readTextFromClipboard | Verwenden SieWebAppClipboard |
| requestWriteAccess | useWebAppRequests |
| AnfrageKontakt | useWebAppRequests |
| bereit | Verwenden Sie WebApp |
| expandieren | Verwenden Sie WebAppViewport |
| schließen | Verwenden Sie WebApp |
