useEyeDropper

反应式 滴管 API

¥Reactive EyeDropper API

示例

源代码playground (beta)

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>