useZoomLevel

分类

@Electron

导出大小

277 B

包

@vueuse/electron

上次更改

8 个月前

响应式的 WebFrame 缩放级别。可在 @vueuse/electron 附加组件中使用。

用法

import { useZoomLevel
 } from '@vueuse/electron'

// enable nodeIntegration if you don't provide webFrame explicitly
// see: https://electron.js.cn/docs/api/webview-tag#nodeintegration
// Ref result will return
const level
 = useZoomLevel
()
console
.log
(level
.value
) // print current zoom level
level
.value
 = 2 // change current zoom level

立即设置初始缩放级别

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
) // zoom level will match with the ref

level
.value
 = 2 // zoom level will change

类型声明

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>