vue telegram
0.8.0
vue-tg - Integración de Telegram para VueUn paquete liviano para una integración perfecta de las funciones de Telegram Mini Apps y 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 paquete:
npm i vue-tg Para conectar su Mini App al cliente de Telegram, coloque el script telegram-web-app.js en la etiqueta <head> antes de cualquier otro script, usando este código:
< script src =" https://telegram.org/js/telegram-web-app.js " > </ script > | Campo | componible |
|---|---|
| datos de inicio | utilizar WebApp |
| initDataInseguro | utilizar WebApp |
| versión | utilizar WebApp |
| plataforma | utilizar WebApp |
| esquema de color | utilizarWebAppTheme |
| temaParams | utilizarWebAppTheme |
| está expandido | utilizarWebAppViewport |
| ventana gráficaAltura | utilizarWebAppViewport |
| ventana gráficaAlturaEstable | utilizarWebAppViewport |
| color del encabezado | utilizarWebAppTheme |
| fondoColor | utilizarWebAppTheme |
| isClosingConfirmationEnabled | utilizarWebAppClosingConfirmation |
| isVerticalSwipesEnabled | utilizarWebAppViewport |
| Botón Atrás | utilizarWebAppBackButton |
| Botón principal | utilizar el botón principal de WebApp |
| Comentarios hápticos | utilizarWebAppHapticFeedback |
| Administrador Biométrico | utilizarWebAppBiometricManager |
| esVersiónAlMenos | utilizar WebApp |
| establecerEncabezadoColor | utilizarWebAppTheme |
| establecerColor de fondo | utilizarWebAppTheme |
| enableClosingConfirmation | utilizarWebAppClosingConfirmation |
| desactivarCierreConfirmación | utilizarWebAppClosingConfirmation |
| enableVerticalSwipes | utilizarWebAppViewport |
| desactivarDeslizamientos verticales | utilizarWebAppViewport |
| enEvento | utilizar WebApp |
| apagadoEvento | ¿Se maneja automáticamente? |
| enviar datos | utilizar WebApp |
| cambiarInlineQuery | utilizarWebAppNavegación |
| abrirEnlace | utilizarWebAppNavegación |
| openTelegramEnlace | utilizarWebAppNavegación |
| factura abierta | utilizarWebAppNavegación |
| compartirToStory | utilizarWebAppShare |
| mostrar ventana emergente | utilizarWebAppPopup |
| mostrar alerta | utilizarWebAppPopup |
| mostrarConfirmar | utilizarWebAppPopup |
| mostrarScanQrPopup | utilizarWebAppQrScanner |
| cerrarScanQrPopup | utilizarWebAppQrScanner |
| leerTextoDelPortapapeles | utilizarWebAppPortapapeles |
| solicitudEscrituraAcceso | utilizar solicitudes de aplicación web |
| solicitudContacto | utilizar solicitudes de aplicación web |
| listo | utilizar WebApp |
| expandir | utilizarWebAppViewport |
| cerca | utilizar WebApp |
