权限 useAuth
更新: 2025/1/15 字数: 0 字 时长: 0 分钟
基本使用
useAuth
获取当前设备的权限信息。
跳转应用详情设置页
jumpToSetting
函数跳转到应用详情设置页。
ts
import useAuth from "@/hooks/useAuth";
const { jumpToSetting } = useAuth();
点击查看示例代码
html
<van-button type="primary" size="small" @click="jumpToSetting">
跳转应用详情
</van-button>
获取当前设备信息
getDeviceInfo
函数获取当前设备的信息,返回object
类型的数据,存在info
变量中。
ts
import useAuth from "@/hooks/useAuth";
const { getDeviceInfo, info } = useAuth();
点击查看示例代码
html
<van-button type="primary" size="small" class="block" @click="getDeviceInfo">
获取设备信息
</van-button>
<div class="data-content bg-white dark:bg-[--van-background-2]">
<pre id="keyContainer" class="whitespace-pre-line" />
</div>
app更新
updateApp
函数用于检查更新,如果有新版本则下载对应的安装包。
ts
import useAuth from "@/hooks/useAuth";
const { updateApp } = useAuth();
点击查看示例代码
html
<van-button type="primary" size="small" class="block" @click="updateApp">
版本更新
</van-button>
API
返回值、方法
返回值、方法 | 说明 | 类型 |
---|---|---|
info | 返回的设备信息,见下表 | deviceInfoType |
jumpToSetting | 跳转至应用详情设置页 | () => void |
getDeviceInfo | 获取设备信息,值为info | () => void |
updateApp | 检查更新,如果有新版本则下载对应的安装包 | () => void |
类型声明
ts
type deviceInfoType = {
/* 应用名称 */
appName: string;
/* 应用包名 */
packageName: string;
/* 应用版本名 */
versionName: string;
/* 应用版本号 */
versionCode: string;
/* 设备平台 */
platform: string;
/* 设备型号 */
model: string;
/* 设备品牌 */
brand: string;
/* 设备系统sdk版本 */
sdkVersion: string;
/* 用户代理,包含客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等 */
userAgent: string;
};