vue telegram
0.8.0
vue-tg — интеграция Telegram для VueЛегкий пакет для плавной интеграции функций 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 > | Поле | Сборный |
|---|---|
| initData | использоватьWebApp |
| initDataUnsafe | использоватьWebApp |
| версия | использоватьWebApp |
| платформа | использоватьWebApp |
| Цветовая схема | использоватьWebAppTheme |
| themeParams | использоватьWebAppTheme |
| isExpanded | использоватьWebAppViewport |
| Высота окна просмотра | использоватьWebAppViewport |
| область просмотраStableHeight | использоватьWebAppViewport |
| заголовокЦвет | использоватьWebAppTheme |
| фонЦвет | использоватьWebAppTheme |
| Исклосингконфирматионенаблед | использоватьWebAppClosingConfirmation |
| isVerticalSwipesEnabled | использоватьWebAppViewport |
| НазадКнопка | использоватьWebAppBackButton |
| ГлавнаяКнопка | использоватьWebAppMainButton |
| Тактильная обратная связь | использоватьWebAppHapticОбратная связь |
| Биометрический менеджер | использоватьWebAppBiometricManager |
| isVersionAtLeast | использоватьWebApp |
| setHeaderColor | использоватьWebAppTheme |
| установитьФоновыйЦвет | использоватьWebAppTheme |
| EnableClosingConfirmation | использоватьWebAppClosingConfirmation |
| отключитьClosingConfirmation | использоватьWebAppClosingConfirmation |
| включить вертикальные пролистывания | использоватьWebAppViewport |
| отключить вертикальные пролистывания | использоватьWebAppViewport |
| onEvent | использоватьWebApp |
| OffEvent | Обрабатывается автоматически? |
| ОтправитьДанные | использоватьWebApp |
| переключательинлинекуери | использоватьWebAppNavigation |
| openLink | использоватьWebAppNavigation |
| openTelegramLink | использоватьWebAppNavigation |
| openInvoice | использоватьWebAppNavigation |
| поделитьсяToStory | использоватьWebAppShare |
| показатьВсплывающее окно | использоватьWebAppPopup |
| шоуАлерт | использоватьWebAppPopup |
| показатьПодтвердить | использоватьWebAppPopup |
| показатьScanQrPopup | использоватьWebAppQrScanner |
| закрытьScanQrPopup | использоватьWebAppQrScanner |
| чтениетекста из буфера обмена | использоватьWebAppClipboard |
| запросWriteAccess | использоватьWebAppRequests |
| запросКонтакт | использоватьWebAppRequests |
| готовый | использоватьWebApp |
| расширять | использоватьWebAppViewport |
| закрывать | использоватьWebApp |
