Vue3实现一个拾色器功能

婷宝_知萌

已于 2023-12-04 10:23:41 修改

阅读量1.1k

点赞数 10

文章标签：前端

于 2023-12-03 10:42:43 首次发布

本文链接：https://blog.csdn.net/weixin_58017233/article/details/134761966

版权


<template>
  <div class="color">
    <button v-if="hasEyeDrop" @click="nativePick">点击取色</button>
    <input v-else type="color" @input="nativePick" v-model="selectedColor" />
    <p>所选颜色: {
   {
    selectedColor }}</p>
    <p>RGB颜色: {
   {
    rgbColor }}</p>
  </div>
</template>
<script setup lang="ts">
import {
    ref, computed } from 'vue';

const hasEyeDrop: boolean =