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 > | 场地 | 可组合的 |
|---|---|
| 初始化数据 | 使用Web应用程序 |
| 初始化数据不安全 | 使用Web应用程序 |
| 版本 | 使用Web应用程序 |
| 平台 | 使用Web应用程序 |
| 配色方案 | 使用WebApp主题 |
| 主题参数 | 使用WebApp主题 |
| 已展开 | 使用WebAppViewport |
| 视口高度 | 使用WebAppViewport |
| 视口稳定高度 | 使用WebAppViewport |
| 标题颜色 | 使用WebApp主题 |
| 背景颜色 | 使用WebApp主题 |
| 关闭确认已启用 | 使用WebApp关闭确认 |
| isVerticalSwipesEnabled | 使用WebAppViewport |
| 返回按钮 | 使用WebAppBackButton |
| 主按钮 | 使用WebApp主按钮 |
| 触觉反馈 | 使用WebAppHapticFeedback |
| 生物识别管理器 | 使用WebAppBiometricManager |
| 版本至少 | 使用Web应用程序 |
| 设置标题颜色 | 使用WebApp主题 |
| 设置背景颜色 | 使用WebApp主题 |
| 启用关闭确认 | 使用WebApp关闭确认 |
| 禁用关闭确认 | 使用WebApp关闭确认 |
| 启用垂直滑动 | 使用WebAppViewport |
| 禁用垂直滑动 | 使用WebAppViewport |
| 事件处理 | 使用Web应用程序 |
| 关闭事件 | 自动处理？ |
| 发送数据 | 使用Web应用程序 |
| 切换内联查询 | 使用WebApp导航 |
| 开放链接 | 使用WebApp导航 |
| 打开电报链接 | 使用WebApp导航 |
| 开具发票 | 使用WebApp导航 |
| 分享到故事 | 使用WebApp共享 |
| 显示弹出窗口 | 使用WebAppPopup |
| 显示警报 | 使用WebAppPopup |
| 显示确认 | 使用WebAppPopup |
| 显示扫描Qr弹出窗口 | 使用WebAppQrScanner |
| 关闭ScanQrPopup | 使用WebAppQrScanner |
| 从剪贴板读取文本 | 使用WebApp剪贴板 |
| 请求写访问 | 使用WebApp请求 |
| 请求联系 | 使用WebApp请求 |
| 准备好 | 使用Web应用程序 |
| 扩张 | 使用WebAppViewport |
| 关闭 | 使用Web应用程序 |
