useEyeDropper

类别

Browser

导出大小

285 B

最近修改

2 days ago

响应式 滴管 API

🌐 Reactive EyeDropper API

示例

源代码在线运行

Not Supported by Your Browser

用法

🌐 Usage

import { useEyeDropper } from '@vueuse/core'

const { isSupported, open, sRGBHex } = useEyeDropper()

组件用法

🌐 Component Usage

<template>
  <UseEyeDropper v-slot="{ isSupported, sRGBHex, open }">
    <button :disabled="!isSupported" @click="() => open()">
      sRGBHex: {{ sRGBHex }}
    </button>
  </UseEyeDropper>
</template>