useZoomLevel

类别

@Electron

导出体积

277 B

依赖包

@vueuse/electron

上次更改

7 months ago

响应式的 WebFrame 缩放级别。 Available in the @vueuse/electron add-on.

用法

import { useZoomLevel
 } from '@vueuse/electron'

// 如果没有显式提供 webFrame，请启用 nodeIntegration
// 参见：https://www.electronjs.org/docs/api/webview-tag#nodeintegration
// 返回 Ref 结果
const level
 = useZoomLevel
()
console
.log
(level
.value
) // 打印当前缩放级别
level
.value
 = 2 // 修改当前缩放级别

立即设置初始缩放级别

import { useZoomLevel
 } from '@vueuse/electron'

const level
 = useZoomLevel
(2)

传递一个 ref，当源 ref 更改时，级别将更新

import { useZoomLevel
 } from '@vueuse/electron'
import { shallowRef
 } from 'vue'

const level
 = shallowRef
(1)

useZoomLevel
(level
) // 级别将与 ref 匹配

level
.value
 = 2 // 级别将更改

类型声明

export declare function useZoomLevel
(level
: MaybeRef
<number>): Ref
<number>
export declare function useZoomLevel
(
  webFrame
: WebFrame
,
  level
: MaybeRef
<number>,
): Ref
<number>
export declare function useZoomLevel
(webFrame
: WebFrame
): Ref
<number>
export declare function useZoomLevel
(): Ref
<number>