vue telegram
0.8.0
vue-tg - Integração de telegrama para VueUm pacote leve para integração perfeita dos recursos Telegram Mini Apps e 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 >Instalar pacote:
npm i vue-tg Para conectar seu Mini App ao cliente Telegram, coloque o script telegram-web-app.js na tag <head> antes de qualquer outro script, usando este código:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | Campo | Combinável |
|---|---|
| dados de inicialização | usarWebApp |
| initDataUnsafe | usarWebApp |
| versão | usarWebApp |
| plataforma | usarWebApp |
| esquema de cores | useWebAppTheme |
| temaParams | useWebAppTheme |
| éExpandido | usarWebAppViewport |
| altura da janela de visualização | usarWebAppViewport |
| viewportStableHeight | usarWebAppViewport |
| headerColor | useWebAppTheme |
| cor de fundo | useWebAppTheme |
| isClosingConfirmationEnabled | useWebAppClosingConfirmation |
| isVerticalSwipesEnabled | usarWebAppViewport |
| Botão Voltar | useWebAppBackButton |
| Botão Principal | useWebAppMainButton |
| Feedback tátil | useWebAppHapticFeedback |
| Gerente Biométrico | useWebAppBiometricManager |
| isVersionAtLeast | usarWebApp |
| setHeaderColor | useWebAppTheme |
| definirBackgroundColor | useWebAppTheme |
| enableClosingConfirmation | useWebAppClosingConfirmation |
| desativarClosingConfirmação | useWebAppClosingConfirmation |
| ativarVerticalSwipes | usarWebAppViewport |
| desativarVerticalSwipes | usarWebAppViewport |
| noEvento | usarWebApp |
| fora do evento | Manipulado automaticamente? |
| enviar dados | usarWebApp |
| switchInlineQuery | useWebAppNavigation |
| abrirLink | useWebAppNavigation |
| abrirTelegramLink | useWebAppNavigation |
| openInvoice | useWebAppNavigation |
| compartilharToStory | usarWebAppShare |
| mostrar pop-up | useWebAppPopup |
| mostrar Alerta | useWebAppPopup |
| mostrarConfirmar | useWebAppPopup |
| mostrarScanQrPopup | useWebAppQrScanner |
| fecharScanQrPopup | useWebAppQrScanner |
| readTextFromClipboard | useWebAppClipboard |
| solicitaçãoWriteAccess | useWebAppRequests |
| solicitarContato | useWebAppRequests |
| preparar | usarWebApp |
| expandir | usarWebAppViewport |
| fechar | usarWebApp |
